https://github.com/shuaib-code/donation-client
A React-based donation tracking app with dynamic routing, donation progress visualization via a pie chart, and an active route indicator on the navbar.
https://github.com/shuaib-code/donation-client
react react-calendar react-dom react-hot-toast react-router-dom
Last synced: about 1 month ago
JSON representation
A React-based donation tracking app with dynamic routing, donation progress visualization via a pie chart, and an active route indicator on the navbar.
- Host: GitHub
- URL: https://github.com/shuaib-code/donation-client
- Owner: shuaib-code
- Created: 2025-01-20T09:50:11.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-20T10:12:30.000Z (over 1 year ago)
- Last Synced: 2025-09-02T18:43:38.621Z (10 months ago)
- Topics: react, react-calendar, react-dom, react-hot-toast, react-router-dom
- Language: JavaScript
- Homepage: https://react-router-donation-assignment.surge.sh
- Size: 91.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎉 Donation App
A React-based frontend application for donation tracking, featuring dynamic routing, donation progress visualization, and a clean navigation bar.
---
## 🛠️ Key Features
- **🔍 Search Functionality**: Dynamic routing for efficient search.
- **📊 Donation Progress**: Visualize donation progress through a pie chart.
- **🧭 Active Route on Navbar**: The current active route is highlighted on the navigation bar.
---
## ⚙️ Setup
### Prerequisites
- Node.js (version >= 14.x)
### Installation Steps
1. **Clone the repository**:
```bash
git clone
```
2. **Navigate to the project directory**:
```bash
cd donation
```
3. **Install dependencies**:
```bash
npm install
```
## 🚀 Available Scripts
- Start Development Server:
```bash
npm run dev
```
- Build for Production:
```bash
npm run build
```
- Lint the Code:
```bash
npm run lint
```
- Preview the Build:
```bash
npm run preview
```
## 📦 Dependencies
- `localforage`: For local storage management in the browser.
## 📜 License
This project is **public** and free to use.
For any further inquiries or licensing requests, please contact the project owner.