Skip to content

diva-sl/donation_platform

Repository files navigation

Donation Platform

A modern and transparent donation platform that connects donors with individuals, NGOs, and charitable causes in need of financial support. The platform enables users to create fundraising campaigns, make secure donations, track campaign progress, and manage donations through an intuitive dashboard.


🌟 Features

For Donors

  • Browse active fundraising campaigns
  • View campaign details and funding progress
  • Secure donation process
  • Track donation history
  • Responsive user-friendly interface

For Campaign Creators

  • Create and manage donation campaigns
  • Upload campaign details and supporting information
  • Monitor donations received
  • Track fundraising goals and progress

Platform Features

  • User authentication and authorization
  • Campaign management system
  • Real-time fundraising progress tracking
  • Modern responsive UI
  • Secure data handling
  • Dashboard analytics
  • Mobile-friendly design

🛠️ Tech Stack

Frontend

  • React.js
  • Vite
  • Tailwind CSS
  • JavaScript (ES6+)

Development Tools

  • npm
  • Git & GitHub
  • PostCSS

📁 Project Structure

donation-platform/
│
├── src/
│   ├── components/
│   ├── pages/
│   ├── assets/
│   ├── hooks/
│   ├── services/
│   ├── context/
│   ├── App.jsx
│   └── main.jsx
│
├── public/
├── index.html
├── package.json
├── package-lock.json
├── tailwind.config.js
├── postcss.config.js
├── vite.config.js
└── README.md

🚀 Installation

Clone the repository:

git clone https://github.com/diva-sl/donation_platform.git

Navigate to the project directory:

cd donation-platform

Install dependencies:

npm install

Start the development server:

npm run dev

The application will be available at:

http://localhost:5173

⚙️ Build for Production

Generate an optimized production build:

npm run build

Preview the production build:

npm run preview

🎯 Core Modules

Authentication

  • User registration
  • User login
  • Protected routes
  • Session management

Campaign Management

  • Create campaigns
  • Edit campaigns
  • Campaign listing
  • Campaign details page

Donation System

  • Donation processing
  • Donation tracking
  • Campaign funding progress
  • Donor activity management

Dashboard

  • Campaign statistics
  • Donation overview
  • User activity monitoring

📱 Responsive Design

The platform is fully responsive and optimized for:

  • Desktop
  • Laptop
  • Tablet
  • Mobile Devices

🔒 Security Considerations

  • Input validation
  • Protected routes
  • Secure authentication flow
  • Safe data handling practices

🌍 Future Enhancements

  • Payment Gateway Integration
  • Email Notifications
  • Admin Panel
  • Campaign Verification System
  • Donor Leaderboard
  • Donation Certificates
  • Multi-language Support
  • Analytics Dashboard
  • Social Sharing Features

🤝 Contributing

Contributions are welcome.

  1. Fork the repository
  2. Create a feature branch
git checkout -b feature/new-feature
  1. Commit your changes
git commit -m "Add new feature"
  1. Push to your branch
git push origin feature/new-feature
  1. Open a Pull Request

📄 License

This project is licensed under the MIT License.


👨‍💻 Author

Developed with dedication to support charitable giving and community impact through technology.

If you found this project useful, consider giving it a ⭐ on GitHub.

About

Modern donation platform built with React, Vite, and Tailwind CSS for managing fundraising campaigns.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages