[See Live Coming Soon!]

Blood Bank, Website

---

About B-Donate

Summary

It is a Fully Responsive online Blood Bank cum Donation Website. Our Team has explored and finally came with a vision to provide a robust facility for all the Delighted peoples to become Heroes on their Own by Donating Blood Once and saving The Life of Hundreds. It is fully free of cost and can be .Accessed By anyone from Anywhere.

Features

Frontend

It's Frontend is fully made up of raw HTML,CSS and JS.

Backend

The Means which we used to store data is JSON through JSON-server API calls.

Docs

• Table of Contents

  • Codebase

    • Technologies
    • Folder Structure

  • Project Setup

    • First time setup
    • Installation
    • Running the app locally

  • Testing

  • How to use B-donate

Codebase

Technologies

With the ground rules out of the way, let's talk about the coarse architecture of this mono repo:

Here is a list of all the big technologies we use:

Folder structure

B-Donate/

├── Components # Files used on the frontend
    ├── assets # Contains all Images and Videos used
        ├── Images
        ├── Videos
    ├── pages #Contains all the HTML,CSS and JS of all the Pages
        ├── Centres  #Files for Centre page
        ├── Donation_Form   #Files for Donation Form page
        ├── Eligibility #Files for Eligibility page
        ├── signin  #Files for Signin page
        ├── signip  #Files for Signup page

├── data.json #Database for storing all the user data
├── index.css #CSS for main Landing Page
├── index.html #HTML for main landing page
├── index.js #JS for main landing page

Project Setup

First time setup

The first step to running B-Donate locally is downloading the code by cloning the repository:

git clone https://github.com/addymistrel/B-Donate.git

Installation

B-Donate has a single installation step:

• Install the dependencies:

npm install

You've now finished installing everything! Let's start 💯

Ps: if you're getting error installing the dependencies, try --force command along with npm install. For example

npm install --force

Now you're ready to run the app locally and sign into your local instance!

Running the app locally

Start the servers and Land on the Page

To Start the json-server for Backend run

npm run server

Then

Run index.html in "root" folder on live server through vs code

Facing Difficulty on running with live server VISIT

B-Donate Workflow

Screenshots

Feedback

If you have any feedback or suggestions please reach out to the Project-Maintainer Aditya Kumar

👩🏽‍💻 Contributing

• Contributions make the open source community such an amazing place to learn, inspire, and create.
• Any contributions you make are greatly appreciated.

Thanks to all Collaborators 💪

Thanks a lot for spending your time helping B-Donate grow. Thanks a lot! Keep rocking 🍻

For further queries and whereabouts you can communicate and reach out to the owner through Linkedin & email