Summer Camp Learning School Website
A visually appealing and interactive website for a summer camp school that focuses on providing extracurricular activities in a specific domain.
Features
- User-friendly interface with a visually pleasing design
- Registration and login system with social login options
- Responsive navbar and footer on all pages
- Homepage with a top slider section, popular classes section, popular instructors section, and an extra section with attractive animations
- Instructors page displaying all the instructors and their details
- Classes page showcasing all the approved classes with relevant information
- Student dashboard to manage selected and enrolled classes, make payments, and view payment history
- Instructor dashboard to add classes, manage added classes, and view feedback
- Admin dashboard to manage classes and users
- Dark/light theme toggle option on the home page
- Implementation of tanstack query for data fetching
- Integration of Axios for API calls
- Registration and login pages using React Hook Form
- Use of environment variables on both client and server sides
- JWT token-based authentication for login and registration systems
- 404 page with an interesting image and a back-to-home button
- Extra features and packages to enhance the website's functionality and attractiveness
Technologies Used
- Front-end: React.js, HTML, CSS, JavaScript
- Back-end: Node.js, Express.js
- Database: MongoDB
- Libraries/Tools: Framer Motion, React Hook Form, Axios, React Simple Typewriter, React Joyride, React Card Flip, React Image Zoom
Installation
- Clone the repository:
git clone https://github.com/programming-hero-web-course1/b712-summer-camp-client-side-NDmorsalin - Navigate to the project directory:
cd summer-camp-website - Install the dependencies:
npm install - Start the development server:
npm start - Open your browser and visit:
http://localhost:3000
Live Demo
You can see a live demo of the Summer Camp Learning School Website here.
Screenshots
Include some screenshots of your website to showcase its design and features.
License
This project is lice nsed under the MIT License.
Feel free to explore and customize this Summer Camp Learning School Website to create a unique and engaging online platform for summer camp activities. Have fun coding!
If you have any questions or suggestions, feel free to contact us at [email@example.com].