An analytics dashboard built using Next.js-15, Chart.js, and Shadcn UI, designed to provide a visually engaging and user-friendly interface for analyzing data trends and insights.
🌐 Check Live At: Live Demo
The Backend URL provided with the assignment was not working ( CORS Error ) So tried using my own backend that resturns same data as theirs. ( Full Stack Development )
- Interactive Charts: Dynamic data visualization using Chart.js.
- Modern Design: Built with Shadcn UI for a sleek and intuitive design.
- Scalable Architecture: Modularized backend and frontend for seamless scaling and maintenance.
Dashboard Overview | Detailed Analytics |
---|---|
-
Frontend:
- Next.js 15
- Shadcn UI
- Chart.js
-
Backend:
- Node.js (Express.js or custom setup)
- TypeScript
-
Clone the repository:
git clone <repolink>
-
Navigate to the project directory:
cd AdminDashboard_ChartJS
-
Install dependencies for the frontend:
npm install
-
Set up the backend:
cd backend npm install
-
Run the backend server:
./backend tsc -b node dist/index.js
-
Run the frontend server in a new terminal:
./ npm run dev
For any questions, suggestions, or issues, feel free to reach out via email or open an issue in the repository.
Happy coding! 🚀