🎯 A responsive and visually-rich frontend project built using Next.js 15, styled with Tailwind CSS + ShadCN/UI, and deployed on Vercel.
💡 Note: This is a frontend-only project. The predictions are based on static or mock data for demonstration purposes.
- ✅ Next.js App Router with dynamic routing
- 🧠
useSearchParams
usage for URL data parsing - 💅 Styled using Tailwind CSS with ShadCN UI components
- 📱 Mobile-friendly and fully responsive
- 🔄 Smooth animations and interactive cards
- ☁️ Deployed on Vercel
Technology | Purpose |
---|---|
Next.js 15 | React-based framework (App Directory) |
Tailwind CSS | Utility-first CSS framework |
ShadCN/UI | Pre-built components using Radix UI |
Lucide Icons | Icon library used in UI |
Vercel | Hosting platform for deployment |
To run this project locally:
# Clone the repo
git clone https://github.com/yourusername/ai-career-predictor
# Go into the project directory
cd ai-career-predictor
# Install dependencies
npm install
# Start local server
npm run dev
#The app runs on http://localhost:3000
This project is hosted on Vercel with automatic CI/CD from the main
branch.
🔗 Live Site: [https://ai-career-predictor-three.vercel.app]
Vercel ensures fast global delivery, automatic SSL, and serverless infrastructure optimized for Next.js.
- ✅ Push to
main
= instant deployment - ✅ Automatic build + preview generation
- ✅ Zero-config hosting for Next.js 15
I'm actively building projects and learning — happy to connect!
💼 This project is part of my Next.js learning journey. It's frontend-only and serves to showcase UI building, routing, and deployment. Future versions may integrate backend APIs or AI predictions.
Built with 💖 using Next.js + Tailwind + ShadCN.