voomoo/blood_donate

Blood Donation

A frontend project where users can login, register and search for specific blood groups with location or donate blood to others.

Tried to make the project full responsive. So that it works on all devices regardless their dimension.

Used npm commands

# creating the project
npx create-react-app blood_donate

#starting development server
npm start

#installing node packages
npm install package-name --save

Available npm commands

# install required dependancies
npm install

# start development server
npm start

# build the project
npm  run build

Used Node packages

1. CSS Library - antd 4.14.0
2. Routing - react-router-dom 5.2.0
3. Google Map - react-google-maps/api 2.1.1
4. Carousel - infinite-react-carousel 1.2.11
5. Icons - react-icons 4.2.0
6. Slider For Age Inpur - rc-ruler-slider 1.1.2

Components

Name	ClassName	Image
Badges	BadgesContainer
Campeign	campaign
CurrentNotifications	current-notifications
HistoryNotifications	history-notifications
Home	home
LoggedInUserWidget	logged-in-user-widget
MapHome	map-home
Menu	menu
MobileSidebar	mobile-sidebar
Notifications	notifications
Profile	profile
ProfileInfo	profile-info
RequestTab	request-tab
Sidebar	sidebar
Welcome	welcome
Signin	signin
Signup	signup
SignupContact	signup-contact
SignupBloodGroup	signup-blood-group
SignupWeight	signup-weight
SignupGender	signup-gender
SignupAddress	signup-address
SignupAge	signup-age
SignupUpload	signup-upload