Online Group Study

Online Group Study is a collaborative learning environment where students connect virtually to share knowledge, discuss topics, solve problems, and support each other in their academic journey. It promotes teamwork, motivation, and a deeper understanding through peer interaction

Live Site

🔗 Green Live Site

---

key Features

• login and register:By Creating and managing user can find the subsciptions as they want.
• Secure privete route: Protected the privet route that can't visite before login and only user can their informetion user can create assignment: any user can create assignment .
• Updates assignment: only user can update assignment .
• Delete assignment: only user can delete assignment .
• Perticipet assignment: any user can perticipate/take assignmet accept who take the assignment creator .
• Marked assignment: any user can marked accept who take the assignment perticipat .
• Responsive Design: Access agreen on any device with a fully responsive and modern user interface.

---

Tech Stack

• Frontend: React, React Router, Tailwind CSS, daisyUi, Axios
• Backend: Node js , Express Js, MongoDB, JWT

✨ Core Features

• User authentication with JWT

• Responsive design for all devices

• Real-time data updates

npm packages

Dependencies

Here are the key dependencies required for this project:

Core Dependencies

• react ^19.0.0: A JavaScript library for building user interfaces.
• react-dom ^19.0.0: React package for working with the DOM.
• react-router ^7.5.3: Declarative routing for React.
• tailwindcss/vite ^4.1.5: A utility-first CSS framework for styling.

Additional Dependencies

• "@tailwindcss/vite": "^4.1.8",
• "axios": "^1.10.0",
• "firebase": "^11.9.1",
• "framer-motion": "^12.16.0",
• "lottie-react": "^2.4.1",
• "motion": "^12.16.0",
• "react": "^19.1.0",
• "react-datepicker": "^8.4.0",
• "react-dom": "^19.1.0",
• "react-icons": "^5.5.0",
• "react-router": "^7.6.2",
• "react-simple-typewriter": "^5.0.1",
• "react-toastify": "^11.0.5",
• "react-tooltip": "^5.29.0",
• "sweetalert2": "^11.22.0",
• "tailwindcss": "^4.1.8"

Development Dependencies

• "@eslint/js": "^9.25.0",
• "@types/react": "^19.1.2",
• "@types/react-dom": "^19.1.2",
• "@vitejs/plugin-react": "^4.4.1",
• "daisyui": "^5.0.43",
• "eslint": "^9.25.0",
• "eslint-plugin-react-hooks": "^5.2.0",
• "eslint-plugin-react-refresh": "^0.4.19",
• "globals": "^16.0.0",
• "vite": "^6.3.5"

Refer to package.json for a complete list of dependencies.

---

Installation

To set up the project locally, follow these steps:

1. Clone the repository:

   git clone clint https://github.com/Programming-Hero-Web-Course4/b11a11-client-side-MISFOfficial

   git clone server https://github.com/Programming-Hero-Web-Course4/b11a11-server-side-MISFOfficial

2. Navigate to the project directory:

   cd green

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

---

🔗 Useful Links

• Frontend Repo
• Backend Repo
• Live Site