ClassNet is a modern virtual classroom platform designed to facilitate interactive learning between students and teachers. The platform provides a dynamic interface for teachers to manage classes, share resources, and connect with students. Students can take part in virtual classes, access learning materials, and join discussions, all within an intuitive and user-friendly interface.
The project utilizes modern web development technologies, including React, Tailwind CSS, DaisyUI, and Swiper for sliders, offering a clean and engaging design. It is designed to be responsive and accessible across various devices.
- Responsive Design: Built with Tailwind CSS and DaisyUI for a fully responsive and mobile-first interface.
- Interactive Slider: Swiper slider for engaging and dynamic home banners.
- Easy Navigation: Integrated with
react-router-domfor smooth page transitions and routing. - Reusable Components: Modular and reusable React components to ensure a scalable application structure.
- Modern UI Elements: Leveraging DaisyUI components for a clean and futuristic design.
- react-router-dom: For handling routing within the application.
- Swiper: A modern touch slider library for creating highly customizable carousels.
- react-icons: Icon library for easily adding scalable vector icons to the interface.
- moment-js: Parse, validate, manipulate and display dates and times in JavaScript.
- react-helmet-async: Thread-safe Helmet for React 16+ and friends.
- tanstack-Query:
- Axios:
- Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.
- DaisyUI: A component library built on top of Tailwind CSS to provide pre-styled elements.
- Swiper Slider: For adding a dynamic image slider to the application.
Before you begin, ensure you have met the following requirements:
- Node.js (v14.x or later) and npm installed on your local machine.
- Clone the repository:
git clone https://github.com/your-username/virtual-classroom.git
- Navigate to the project directory:
cd virtual-classroom - install required packages:
npm install
- Run the following command to start the virtual-classroom:
npm run dev