Coder Social home page Coder Social logo

2024-sandhya / blood-buddy Goto Github PK

View Code? Open in Web Editor NEW
69.0 3.0 112.0 2.7 MB

Blood donation made easy through Blood Buddy.

Home Page: https://2024-sandhya.github.io/Blood-Buddy/

License: MIT License

CSS 64.51% HTML 32.13% JavaScript 3.37%
html css javascript blood-donation blood-bank-management open-source github

blood-buddy's Introduction

Blood-Buddy 🏥

GitHub license Open Source Love PRs Welcome

image

Blood Buddy is a website that offers blood donation services to anyone in need. The website works :

  1. Register on the website.
  2. Add your address.
  3. Website can track nearby blood bank.
  4. Get updates.

Tech-Stack used :

HTML 5 CSS3 JS

Star ⭐️the repo to get frequent updates & appreciate the efforts.

How to get started? 🏗

To start contributing you need to follow the below steps in proper order

0. Create your own issue or choose one already mentioned in under issues section.

1. Fork this repo.

2. Clone your fork copy of the project which'll be visible in your account.

git clone --depth 1 https://github.com/<your_user_name>/Blood-Buddy.git

3. Navigate to the project directory 📁 .

cd Blood-Buddy

4. Add a remote upstream to the original repository.

git remote add upstream https://github.com/2024-SANDHYA/Blood-Buddy.git

5. Check the remotes for the repository.

git remote -v

6. It is always advised to take a pull from the upstream repository to your master branch to keep it even with the main project(updated repository).

git pull upstream master(or main)

7. Create a new branch.

git checkout -b <your_branch_name>

8. Perform your desired changes to the code base.

9. Track your changes:heavy_check_mark: .

git add . 

10. Commit your changes .

git commit -m "Message related to changes you made in the code"

11. Push the committed changes in your feature branch to your remote repo.

git push -u origin <your_branch_name>

12. To create a pull request, click on compare and pull requests. Please ensure that both the branches are even in order to avoid merge conficts

13. Add a title and description to your PR explaining the features you added.

14. Click on Create Pull Request.

15. Congrats !! You made your first PR 🥳.


✨This project and everyone participating in it is governed by Code Of Conduct .By participating, you are expected to uphold this code.✨

blood-buddy's People

Contributors

2024-sandhya avatar 4aman16 avatar aniketsat avatar anushh23 avatar bug17 avatar geetika005 avatar greyjedi7 avatar impranavtg avatar jashwanth-k avatar jay-2000 avatar kunal0220 avatar mukadamsuha avatar phenyloder avatar pragyasingh13 avatar prath-10 avatar praveenkumar9129 avatar rohan-singh987 avatar roshaan005 avatar sanjanabharadwaj25 avatar skpandey885 avatar supriyakumari08 avatar yashesvinee avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

blood-buddy's Issues

updating register page

Register page has a password strength meter which is not working properly i would like to change and style it + there is no show password available for user and also there is no footer on register page @2024-SANDHYA

Minor CSS Fixes

There are a lot of small CSS aspects like font style, better margin, padding which are needed to be improved.

Better css improvements will give the website a new look.

@mentors @admins Please sssign me this Issue

Screenshot 2021-12-12 at 11 25 21 PM

Screenshot 2021-12-12 at 11 54 52 PM

Scroll Effects

You can add a scroll effect on the navbar. Currently when you scroll navbar remains static. You can make it dynamic but adding bg change on a scroll or any other scroll effect.

Donate Page

I can work on this page and link it to blood donation banks. The register button on top is not linked to the registration form. I can link "save a life" to the organ donation website. If anything more needs to be done, Please feel free to suggest. Assign me this issue.

Positioning the nav bar

The position of the navbar is right now very close to the top of the screen . i can position the navbar to have a little space from the top.
BLOOD BUDDY - Google Chrome 03-12-2021 18_34_17 (3)

Issue in Header

Hey! I think you need to change some CSS in Your header as you nav-bar is too low. it should be at the top of website

Create "Post a Blood request" page

Right now any thing is not linked with "Post a Blood request" button in the donate page.
I would like to create that page so user can post a blood request.
Can you please assign me this task?

Header Fixes

The navbar is way too high, you can correct that with the margin & padding property of CSS.

Review Section

It contains the user reviews. It can also have the option for a user to leave a review.

Implementing smooth scroll behaviour

when we click the About Us, Volunteer on navigation, it is directly jumping to the section
i will add a smooth scroll behaviour to website
preview

BLOOD.BUDDY.-.Google.Chrome.2021-12-03.18-13-49.mp4

and i will make the about section resposive for below 800px

Screenshot (37)

Redesign Footer section

The footer is not looking good as the fonts are too big. Will make changes to the footer according to the look of the website. I'd be happy to help, please assign it to me.

Resize the logo

Currently logo is this huge,

image

Change the size and add a hover effect on the logo.

Linking different pages to the HomePage

Each of the links when clicked opens up in a new tab and the client looses access to the first / landing page. Plus, lots of tabs pile up. I think limiting to one page will be better and at the same time providing the link to the home page on each of the different links, will be rather better. Please assign me the task, @2024-SANDHYA, if 😀

Improvements in Footer

The Footer of every page should follow the same style and indentation. But it is lacking.
Instances:
Image 1 - Footer of Home page
Image 2 - Footer of Donate page & Get help page
Screenshot 2021-12-25 at 1 41 55 PM
Screenshot 2021-12-25 at 1 43 24 PM

Addition of transition effect

Currently cards in the 'About' section and names of volunteers in 'Volunteer' section are appearing on screen on scrolling without any transition effect. I would like to add fade-up transition to cards in 'About' section and alternate fade-right and fade-left transition to the name of volunteers in 'Volunteer' section.

get help page styling

hey there i would like to do some changes on get help page as the background color of place holder is default which is grey ,and the send button is also not properly styled i want to change it according to theme color which is blue
image

Add Password Strength Feature

On the Register Page, when a password is entered, the slider below is static and does not shows the password strength.

I would like to implement the password Strength Check feature using JavaScript and so the bar below will show red if the password is weak, yellow for an average one and green for the Strong Passwords.

Please assign this to me.

Modify Get Help page

I will make the page responsive and i will fix the navbar and currently by going to the get help page we can not see the connect with us form properly to do so we have to scroll ,that thing i will fix. thank you for your time.

Adding a database and search feature.

Currently there us no database for storing the information of the volunteers nor there is a search feature for people in need. I would like to add a central database for storing all the required volunteer info (blood type, contact info etc) and implement a search feature so that the users can get faster result while looking for blood. I would like to use Firebase as the central database integrate it in the website using vanilla javascript.

improve Donate Page CSS

Add padding and margin to the donate page box, steps and text-box.

Before:

Before-Donate.css.mp4

After:

After-Donate.css.mp4

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.