An open API service indexing awesome lists of open source software.

https://github.com/rahat0078/edu-linker-client-00

An interactive web application for collaborative group study, where friends can create, submit, and grade assignments.
https://github.com/rahat0078/edu-linker-client-00

expressjs firebaseauth jwt-token mongodb nodejs react react-router

Last synced: 3 months ago
JSON representation

An interactive web application for collaborative group study, where friends can create, submit, and grade assignments.

Awesome Lists containing this project

README

          

## EduLinker β€” Online Group Study Platform
An interactive platform for collaborative group study. Students can create, submit, and peer-grade assignments with ease.

πŸ”— [Live Site](https://edu-linker-f8e89.web.app/)

---

### πŸ“ Overview
EduLinker is designed to streamline group study. Friends can collaborate on assignments, submit their work, and grade each other β€” all in one place.

---
### 🎯 Purpose
- Empower students to manage and collaborate on academic tasks.
- Simplify assignment lifecycle: from creation to peer grading.
- Showcase full-stack development, responsive design, and real-world app functionality.
---

## ✨ Key Features

#### πŸ” Authentication
- Email/password login.
- Google and GitHub social login options.
- Protected routes for secure access.

#### πŸ“ Assignment Management
- Create, read, update, delete (CRUD) functionality.
- Filter and sort assignments.
- View assignment details and status.

#### πŸ“€ Submission & Peer Grading
- Submit assignments with attached files/notes.
- View pending submissions.
- Grade and review peers’ work with feedback.

#### πŸ§‘β€πŸ€β€πŸ§‘ Group Collaboration
- Track who submitted what and when.
- Grading done by peers for active engagement.

#### 🎨 UI & UX Enhancements
- Clean and consistent layout.
- Uniform card sizes with max 4-color palette.
- Two button types used consistently (filled + outline).
- Smooth transitions and animations.

#### πŸŒ“ Theme Support
- Toggle between light mode and dark mode.
- No visibility issues in either mode.

#### πŸ“± Responsive Design
- Fully optimized for mobile, tablet, and desktop screens.
- Semantic HTML and accessible image alt texts.

#### πŸ“Š Extra Sections (Homepage)
- Hero Section
- Assignment Overview
- Feature Cards
- FAQ
- Meet the Support Team
- Student Testimonials βœ…
- Academic Partners βœ…

#### 🧭 Additional Improvements
- Spinner/loader for async data.
- Toast/popup notifications for errors or actions.
- 404 Page with navigation back home.

---

#### πŸ› οΈ Tech Stack
**Client:** React.js, Tailwind CSS, DaisyUI, Firebase, React-Datepicker, React Router
**Server:** Node.js, Express.js, MongoDB, JWT

#### πŸš€ Deployment

- **Client:** Hosted on Firebase
- **Server:** Hosted on Vercel

---

#### βš™οΈ Setup Instructions

```bash
git clone https://github.com/rahat0078/edu-linker-client-00.git
cd edu-linker
npm install
npm run dev
```
##### 🌐 Server Repo: https://github.com/rahat0078/edu-linker-server-00