A modern, lightning-fast student productivity dashboard with AI-powered task management, real-time collaboration, and intelligent study planning.
Features • Demo • Tech Stack • Installation • Screenshots • Contributing
Built for students who want to maximize productivity without the complexity. This dashboard combines cutting-edge AI technology with an intuitive interface to help you:
- ✅ Organize tasks with smart AI breakdowns
- 📝 Take quick notes with color-coded organization
- 📚 Plan study sessions with hour tracking
- 🤖 Chat with AI tutor powered by GPT-4o
- 💬 Collaborate with friends via real-time messaging
- 📊 Track progress with visual analytics
No login required • 100% Free • Works Offline • Lightning Fast
|
|
|
|
|
|
|
|
No signup required! Start using immediately with localStorage persistence.
- React 19 - Latest React with concurrent features
- Vite - Lightning-fast build tool
- Tailwind CSS - Utility-first styling
- Lucide React - Beautiful icon library
- React Router - Client-side routing
- Firebase - Authentication & Firestore database
- OpenAI GPT-4o - AI-powered task assistance
- Vercel - Serverless deployment
- LocalStorage - Offline data persistence
- PWA Support - Install as mobile/desktop app
- Offline Mode - Works without internet
- Real-time Sync - Live data updates
- Responsive Design - Mobile-first approach
- Node.js 18+ installed
- npm or yarn package manager
# 1. Clone the repository
git clone https://github.com/ashariftikhar/AI-powered-Student-dashboard.git
# 2. Navigate to project directory
cd AI-powered-Student-dashboard
# 3. Install dependencies
npm install
# 4. Start development server
npm run dev
# 5. Open browser
# Visit http://localhost:5173# Create optimized production build
npm run build
# Preview production build
npm run preview- Create a Firebase project at console.firebase.google.com
- Enable Authentication and Firestore
- Copy your config to
src/firebase.js
const firebaseConfig = {
apiKey: "YOUR_API_KEY",
authDomain: "YOUR_AUTH_DOMAIN",
projectId: "YOUR_PROJECT_ID",
// ... other config
};For AI features, add your OpenAI API key:
// src/services/aiService.js
const OPENAI_API_KEY = "your-api-key-here";AI-powered-Student-dashboard/
├── src/
│ ├── components/
│ │ ├── features/ # Feature components
│ │ │ ├── TaskManager.jsx
│ │ │ ├── Notes.jsx
│ │ │ ├── StudyPlanner.jsx
│ │ │ └── AITaskAssistant.jsx
│ │ ├── layout/ # Layout components
│ │ │ ├── Header.jsx
│ │ │ ├── Sidebar.jsx
│ │ │ └── Layout.jsx
│ │ └── ui/ # UI components
│ │ ├── ThemeToggle.jsx
│ │ └── Toast.jsx
│ ├── pages/ # Page components
│ │ ├── Dashboard.jsx
│ │ ├── Team.jsx
│ │ ├── Messages.jsx
│ │ ├── Analytics.jsx
│ │ └── AIChat.jsx
│ ├── services/ # API services
│ │ ├── firestoreService.js
│ │ ├── guestService.js
│ │ └── aiService.js
│ ├── context/ # React context
│ │ └── AuthContext.jsx
│ ├── hooks/ # Custom hooks
│ │ └── useFirestore.js
│ └── App.jsx # Main app component
├── public/ # Static assets
├── package.json
└── vite.config.js
The AI assistant uses GPT-4o to break down complex tasks into manageable steps:
// Example: "Prepare for Finals"
// AI generates:
1. Review all lecture notes
2. Create summary sheets
3. Practice past papers
4. Form study group
5. Schedule review sessionsColor-coded notes with instant search:
- 🟡 Yellow - General notes
- 🔵 Blue - Important info
- 🟢 Green - Ideas
- 🟣 Purple - Reminders
- 🔴 Pink - Urgent
Track your productivity with:
- Task completion percentage
- Study hours per subject
- Weekly progress charts
- Performance trends
| Browser | Version |
|---|---|
| Chrome | ✅ Latest |
| Firefox | ✅ Latest |
| Safari | ✅ Latest |
| Edge | ✅ Latest |
| Opera | ✅ Latest |
- ⚡ Lighthouse Score: 95+
- 🎯 First Contentful Paint: < 1.5s
- 📦 Bundle Size: ~720KB (gzipped: ~223KB)
- 🔄 Time to Interactive: < 2s
- 💾 Offline Support: Full PWA capabilities
Contributions are welcome! Here's how you can help:
- Fork the repository
- Create a feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
- Follow existing code style
- Write meaningful commit messages
- Add comments for complex logic
- Test before submitting PR
- Update documentation if needed
Found a bug? Please open an issue with:
- Clear description
- Steps to reproduce
- Expected vs actual behavior
- Screenshots (if applicable)
- Browser/OS information
Have an idea? Open an issue with:
- Feature description
- Use case/benefit
- Possible implementation approach
- Pomodoro timer integration
- Calendar view for tasks
- File attachments in notes
- Task categories/tags
- Export data (PDF/CSV)
- Mobile app (React Native)
- Browser extension
- Collaborative study rooms
- Gamification & achievements
- AI study recommendations
- Integration with Google Calendar
- Voice notes support
- Advanced analytics
- Multi-language support
This project is licensed under the MIT License - see the LICENSE file for details.
MIT License - Free to use, modify, and distribute
Ashar Iftikhar
- GitHub: @ashariftikhar
- LinkedIn: Connect with me
- Portfolio: ashariftikhar.dev
- React Team - For the amazing framework
- Tailwind CSS - For the utility-first CSS
- OpenAI - For GPT-4o API
- Firebase - For backend services
- Vercel - For seamless deployment
- Lucide - For beautiful icons
If this project helped you, please consider:
- ⭐ Star this repository
- 🍴 Fork and contribute
- 📢 Share with friends
- 💬 Provide feedback
- 📧 Email: officialashii72@gmail.com
- 🐦 Twitter: @AsharIftikhar
- 📱 Linkedln: Ashar Iftikhar