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

https://github.com/ansarulislam10/volunteer-management-client

Volunary | Volunteer Management is a platform to create, manage, and join volunteer opportunities easily.
https://github.com/ansarulislam10/volunteer-management-client

daisyui express firebase jwt mongodb mongodb-atlas react tailwind

Last synced: 3 months ago
JSON representation

Volunary | Volunteer Management is a platform to create, manage, and join volunteer opportunities easily.

Awesome Lists containing this project

README

          

# **[Volunary | Volunteer Management | Live Link๐Ÿ”—](https://volunteer-management-7efa7.web.app)**
## **๐Ÿ“– Overview**
A user-friendly platform to manage volunteer opportunities. Users can create, update, delete posts, and volunteer for othersโ€™ posts. This project is built with a focus on responsiveness, security, and seamless user experience.


![Volunteer Management](https://i.ibb.co.com/Yk6F7Ty/volunteer-ss.png)

## **๐ŸŽฏ Purpose**
To simplify volunteer coordination and provide a centralized platform to manage and participate in community services.

## ๐Ÿš€ **Key Features**

### ๐Ÿ–ฅ๏ธ **Core Functionalities**

#### **Authentication System**
- **Login/Register** with email-password authentication.
- **Google login**.
- **Password strength validation** (uppercase, lowercase, minimum 6 characters).

#### **Volunteer Post Management**
- Add volunteer posts with **title, category, description, and deadlines**.
- **View, update, and delete** own posts.

#### **Volunteer Participation**
- Volunteer for posts with a simple **request form**.
- Tracks the **number of volunteers needed** and updates availability dynamically.

#### **Search**
- **Search posts** by title.

#### **Layout**
- Change layout dynamically between **card and table views**.

#### **Dynamic Pages**
- **Protected routes** for managing user-specific content.
- **Dynamic document titles** for better user engagement.

#### **Dark/Light Mode Toggle**
- **Theme customization** for improved accessibility.

#### **Responsive design**
- for mobile, tablet, and desktop.

### Dependencies
- `@emotion/react`
- `axios`
- `firebase`
- `localforage`
- `lottie-react`
- `match-sorter`
- `moment`
- `react`
- `react-awesome-reveal`
- `react-datepicker`
- `react-dom`
- `react-helmet-async`
- `react-icons`
- `react-router-dom`
- `react-toastify`
- `react-tooltip`
- `sort-by`
- `sweetalert2`
- `swiper`

### DevDependencies
- `@eslint/js`
- `@types/react`
- `@types/react-dom`
- `@vitejs/plugin-react`
- `autoprefixer`
- `daisyui`
- `eslint`
- `eslint-plugin-react`
- `eslint-plugin-react-hooks`
- `eslint-plugin-react-refresh`
- `globals`
- `postcss`
- `tailwindcss`
- `vite`

## Installation
1. Clone the repo:
```
git clone https://github.com/AnsarulIslam10/Chill-Gamer-Client.git
```
2. Install dependencies:
```
npm install
```
3. Set up Firebase and add config in `.env`

5. Add **API URL** to your `.env`
```
VITE_API_URL=https://volunteer-management-server-azure.vercel.app
```
6. Run locally:
```
npm run dev
```