Reddrpp-bd

The website allows users to create blood requests, donate blood, add and remove requests, and provides an admin dashboard for managing all donation requests. It also includes a funding page with Stripe integration and utilizes React Jodit Editor for content management.

Site Link:

• Live Side Link
• Client Side Repogitory
• Server Side Repogitory

Admin User:

• User Name: [email protected]
• password: 123456

Features

• User Authentication: Secure login and registration system.
• Blood Requests: Users can create, view, and delete blood requests.
• Donate Blood: Functionality for users to donate blood.
• Admin Dashboard: Admins can manage all donation requests and users.
• Funding Page: Stripe integration for accepting donations.
• Rich Text Editing: Utilize React Jodit Editor for creating and editing content.
• Responsive Design: Optimized for mobile and desktop viewing.

Technologies

Frontend

• React.js
• Tailwind CSS
• daisyui
• stripe
• react hook form
• rich text editor
• axios
• react-calender
• react-datepicker
• tansQuery

Backend

• Node.js
• Express.js

Database

• MongoDB (MongoDB Atlas)

Authentication

• Firebase Authentication

Deployment

• Vercel

Getting Started

Prerequisites

• Node.js
• npm (Node Package Manager)
• Stripe account for payment integration

Installation

1. Navigate to the project directory:

   cd Reddrop-Server
   cd Reddrop-Client-
   

2. Install the dependencies:

   npm install
   

Environment Variables

Create a .env file in the root of the project and add the following environment variables:

3. .env:

   REACT_APP_STRIPE_KEY=your_stripe_key_here
   REACT_APP_API_URL=your_api_url_here
   
   

4. Running the Project:

   npm start
   

5. localhost 5000:

   npm run dev