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

https://github.com/ahsanhabib002/studyhard

Study Hard is a dynamic web platform designed to foster student skill growth. It allows students to create, submit, and review assignments while evaluating their own and peers' progress. The platform ensures data privacy through secure authentication mechanisms, offering a safe and user-friendly experience.
https://github.com/ahsanhabib002/studyhard

daisyui firebase-auth js mongodb reactjs tailwindcss vercel

Last synced: 3 months ago
JSON representation

Study Hard is a dynamic web platform designed to foster student skill growth. It allows students to create, submit, and review assignments while evaluating their own and peers' progress. The platform ensures data privacy through secure authentication mechanisms, offering a safe and user-friendly experience.

Awesome Lists containing this project

README

          

# 📚 Study Hard

**Study Hard** is a dynamic web platform designed to foster student skill growth. It allows students to create, submit, and review assignments while evaluating their own and peers' progress. The platform ensures data privacy through secure authentication mechanisms, offering a safe and user-friendly experience.

[**Live Demo**](https://studyhard-fda66.web.app)

---

## 🚀 Screenshot

My Web Design

---

## 🛠️ Technologies Used

- **Frontend:** React, Vite, Tailwind CSS, DaisyUI
- **Routing:** React Router DOM
- **State Management & Utilities:** Axios, LocalForage, Match Sorter, Sort-by
- **Authentication & Backend Integration:** Firebase, JWT (JSON Web Tokens)
- **UI Enhancements:** React Icons, React Datepicker, React Toastify, React Tooltip, React SweetAlert2

---

## ✨ Key Features

- **Assignment Management:**
- Create, update, and delete assignments
- Submit assignments securely
- Review and evaluate other students’ assignments

- **Security:**
- JWT-based authentication ensures privacy—students can only access their own assignments
- Private route protection across the platform

- **User Experience:**
- Dark and light theme toggle for better accessibility
- Responsive design compatible with all devices

---

## 📦 Dependencies

### Production Dependencies
- `react` `^18.3.1`
- `react-dom` `^18.3.1`
- `react-router-dom` `^7.1.1`
- `firebase` `^11.1.0`
- `axios` `^1.7.9`
- `localforage` `^1.10.0`
- `react-icons` `^5.4.0`
- `react-datepicker` `^7.5.0`
- `react-toastify` `^11.0.2`
- `react-tooltip` `^5.28.0`
- `react-sweetalert2` `^0.6.0`
- `match-sorter` `^8.0.0`
- `sort-by` `^1.2.0`

### Development Dependencies
- `vite` `^6.0.5`
- `tailwindcss` `^3.4.17`
- `daisyui` `^4.12.22`
- `eslint` `^9.17.0` and related plugins
- `postcss` `^8.4.49`
- `autoprefixer` `^10.4.20`

---

## ⚙️ Installation & Setup Guide

Follow these steps to run **Study Hard** locally:

1. **Clone the repository:**
```bash
git clone https://github.com/your-username/study-hard.git
cd study-hard
```

2. **Install dependencies:**
```bash
npm install
```

3. **Start the development server:**
```bash
npm run dev
```

4. **Build for production:**
```bash
npm run build
```

5. **Preview the production build:**
```bash
npm run preview
```

---

## đź”— Live Demo

[**Visit Study Hard**](https://studyhard-fda66.web.app)

---

## 🙋‍♂️ Contributing

Contributions are welcome! If you'd like to improve this project, please fork the repository and submit a pull request.

---