/blood-donate-client

Primary LanguageJavaScript

Project-Name: Blood Donation

Live Link: Blood Donation

Introduction

The Blood Donation Application is a comprehensive platform designed to facilitate seamless blood donation activities. Built using the MERN stack (MongoDB, Express.js, React, Node.js), the application connects donors with those in need of blood, ensuring an efficient donation process.

Key Features

  1. User-Friendly Registration and Authentication

    • Intuitive user registration with essential details, including blood group and location.
    • Secure login functionality using email and password authentication.

  2. Role-Based Dashboards

    • Different dashboards for Admin, Donor, and Volunteer roles with role-specific functionalities.
    • Admin dashboard includes user management, donation request management, and content management features.

  3. Donor Dashboard

    • Personalized donor dashboard displaying recent donation requests and quick access to manage them.
    • Ability to create, edit, and delete donation requests with real-time status updates.

  4. Admin Dashboard

    • Admin-exclusive features such as managing users, blood donation requests, and content.
    • Statistics cards providing a snapshot of total users, funding, and blood donation requests.

  5. Content Management

    • Admin-controlled blog management with the ability to create, edit, publish, unpublish, and delete blogs.
    • Rich text editor for creating and editing blog content.

Usage Instructions

  1. User Registration and Login

    • Visit the home page and register for an account with necessary details.
    • Use the registered credentials to log in and access the personalized dashboard.

  2. Donation Requests

    • Donors can create, edit, and delete their donation requests from the dashboard.
    • Admin has the authority to manage all users' donation requests.

  3. User Management

    • Admin can view and manage all users, including blocking and unblocking users.
    • Role modification options available for promoting users to volunteers or admins.

  4. Content Management

    • Admin-exclusive access to content management for creating, editing, publishing, and unpublishing blogs.

  5. Responsive Design

    • The entire website, including dashboards, is designed to be responsive for seamless user experience across devices.

Bonus Features

  • Funding Page with Stripe Integration

    • Users can contribute funds securely using Stripe payment integration.
    • Funding history is displayed for transparency and accountability.

  • JWT Authentication