StudySphere is a comprehensive web application designed to help students manage their academic life efficiently. From organizing study schedules to generating practice questions and tracking expenses, StudySphere provides all the tools a student needs in one platform.
Live ||
server repo
- ✨ Features
- 🎯 Dashboard Features
- 🛠️ Technology Stack
- 🚀 Installation
- 📦 Scripts
- 🎨 Customization
- 🤝 Contributing
- 📄 License
- 📞 Support
- 🔄 Version History
- Responsive Navigation Bar: Easy access to all sections of the application
- Interactive Banner Slider: Showcasing key features using Swiper.js
- Key Features Component: Highlighting the core functionalities
- Study Planner Preview: Quick glimpse of the planning capabilities
- Achievements Component: Displaying platform milestones
- Testimonials Section: Feedback from satisfied users
- Responsive Footer: Complete with important links and information
- About Us: Learn about our mission and team
- Contact Us: Get in touch with our support team
- Learning Guide: Comprehensive documentation on how to use StudySphere
- Privacy: Company privacy policies
- Terms: Terms and conditions
- Cookies: Cookie details
- Summary cards displaying total schedules, teachers, and subjects
- Weekly schedule overview
- Next class information with countdown timer
- Subject distribution charts
- Quiz history with questions and answers
- Wallet information with income/expense charts
- Customizable profile and cover photos
- Post creation, editing, and deletion
- Personal feed of all user posts
- Add Subjects: Register new subjects with teacher details
- My Subjects: View, edit, and delete subjects
- Direct calling to assigned teachers
- Schedule setting for specific subjects
- View all assigned schedules with details
- Delete specific schedules as needed
- Generate questions based on type (MCQ, True/False, Short Answer)
- Customize difficulty level, quantity, and topic
- AI verification of submitted answers
- Break down syllabus into manageable chunks
- Set goals and track progress
- Visualize plans with cards and priority charts
- Add money to wallet
- Track expenses with categorization
- View transaction history
- Update profile information
- Email verification
- Password reset
- Account deletion option
- Frontend Framework: React
19.1.0 - Build Tool: Vite
7.0.4 - Styling: Tailwind CSS
4.1.11with DaisyUI5.0.50 - Routing: React Router
7.7.1 - State Management: TanStack React Query
5.84.1 - HTTP Client: Axios
1.11.0 - Animation: Motion
12.23.12& Lottie-React2.4.1 - Charts: Recharts
3.1.2 - Sliders: Swiper
11.2.10 - Icons: Heroicons React
2.2.0& React Icons5.5.0 - Notifications: SweetAlert2
11.22.2 - Backend: Firebase
12.0.0 - Date Handling: Date-fns
4.1.0
Clone the repository:
git clone https://github.com/Mysterio-O/study-sphere.git
cd studysphereInstall dependencies
npm installSetup Env variables
cp .env.example .envAdd Your Firebase and imgbb API in the .env file
Start the development server
npm run devBuild for production
npm run buildnpm run dev- Start development servernpm run build- Build for productionnpm run lint- Run ESLintnpm run preview- Preview production build
StudySphere is built with modular components that can be easily customized:
- Modify colors in
tailwind.config.js - Update content in the component files
- Add new features following the existing component structure
We welcome contributions to StudySphere!
Please feel free to submit pull requests, create issues, or suggest new features.
This project is licensed under the MIT License - see the LICENSE file for details.
For support, email our team at support@studysphere.com or visit our contact page on the website.
- v0.0.0 - Initial release with core functionality
StudySphere - Organize, Plan, and Excel in Your Academic Journey