Nexora Atlas

💡 Inspiration We noticed that finding trusted career advice online is really hard. There’s too much information, and it’s often confusing or outdated. So we wanted to build something that shows only clear, useful, and trusted insights — all in one clean and beautiful platform.

⚙️ What it does Nexora Atlas helps students, professionals, and others explore the best career paths and life trends. It shows 100+ insight cards per role with job details, salary info, growth rates, course links, and trusted sources — all searchable in real time.

🛠 How we built it We built Nexora using:

React + TypeScript (frontend logic)

Tailwind CSS (styling and responsive layout)

Framer Motion (animations and transitions)

Lucide Icons (clean UI icons) We also used a JSON file as mock data to display all the insight cards.

🧩 Challenges we ran into Showing 300+ insight cards without making the UI look messy

Making real-time search smooth and fast

Balancing nice design (like glassmorphism and gradients) with good performance

Keeping everything mobile-friendly and touch-friendly

Making the site clear and readable even with animations and effects

🏆 Accomplishments that we're proud of Made a beautiful platform that works smoothly on all devices

Built a real-time search and ranking system

Created clean, reusable components that are easy to maintain

Designed a UI that looks premium and professional

📘 What we learned How to manage large data sets in React

How to combine design and code using Tailwind and Framer Motion

How to make the site responsive and accessible

The importance of clean UX writing and structure in content-heavy apps

🚀 What's next for Nexora Atlas Add user accounts so people can save and track insights

Connect to a real backend or CMS to manage data

Recommend insights using AI based on user interest

Add expert interviews, videos, and more career content

Built With

• framer-motion
• lucide-react
• netlify
• react
• tailwind-css
• typescript
• vite