SalesGuru is a modern, animated, and fully responsive Sales Analytics Dashboard built with React, Vite, and cutting-edge visualization libraries. This project demonstrates front-end best practices for building performant, data-rich web apps with elegant UI/UX — ideal for showcasing skills in dashboard development, state management, and component-based architecture.
- Responsive line, bar, pie, and area charts with Recharts
- Year/month selectors and real-time chart updates
- Smooth loading states and transitions with Framer Motion
- Collapsible sidebar with icons and animated transitions
- Dark/light theme toggle
- Elegant typography and iconography (Lucide, custom 2D logo)
- Reusable components for cards, tables, charts
- Searchable and scrollable tables
- Sidebar state management and route-based navigation
- React + Vite — blazing fast frontend setup
- Material-UI + Tailwind CSS — custom styling + layout
- Redux Toolkit — scalable state management
- Framer Motion — animations for smoother UX
- Recharts — responsive, data-driven charts
- Lucide-react — beautiful icon system
- 💻 Showcasing front-end engineering skills
- 🛒 E-commerce or retail data reporting tools
- 📈 KPI dashboards for startups or SMBs
- 🧪 Data visualization & UI prototyping
- Backend integration (Node.js + Express + MongoDB)
- Real-time metrics with WebSockets or polling
- Authentication & role-based access
- Exportable reports (CSV / PDF)
- Advanced filtering and forecasting widgets
- Node.js
>= 14 - npm or Yarn
git clone https://github.com/your-username/sales-guru.git
cd sales-guru
npm install
npm run dev