Git Product home page Git Product logo

hackfest2k22's Introduction

Hackfest 2k22

Team Project for Hackfest 2k22 Hackathon.

Team Name : WEB DEMONS

Team members :

Bhimesh Agrawal (BACKEND AND INTEGRATION)
Shubham Singh (FRONTEND AND INTEGRATION)
Akash Mittal (FRONTEND)
Syed Areeb (ML)
Shubham Kurrey (UI/UX)

Our Idea :

We have created a platform where citizens would be able to upload the medicine's name they don't need anymore and then those medicines would be collected and re-distributed among needy people. Our application aims to reduce the medical wastage happening all over India by creating a simpler and easier way of communication between the citizens and the NGO's. This will also cut-off the demands of medicines and hence the cost.

Some Background Knowledge: India's concern over medicine is a huge issue. India generated 56,898 tonnes of Covid-19 bio-medical waste between June 2020 and June 2021. Nowadays, medicines are getting costlier and not everyone can afford them. So instead of dumping the remaining medicines, it can be re-distributed(If not expired) to the people who need those Medicines. Such tasks are carried out by several NGO's but many citizens are still not aware of these and NGO's also lack a systematic way of collecting and redistributing medicines.


Our Front-End :

1. SignIn-SignUp page created :

Sign-Up has 2 options, one for Donor and another for NGO, and accordingly it will redirect us to the corresponding page.

![login](https://user-images.githubusercontent.com/78265224/167241415-9ac6a4f1-2637-46d6-b849-bdf0543bd4c4.png)
![SignUp](https://user-images.githubusercontent.com/78265224/167241428-2a9cb2fb-9282-4c7f-bb50-aaee9ea572ca.png)

2. Donor page created

The Donor page consists of 2 sections :

1. Incentive Section : To engage and motivate the user to donate medicine.
2. Form Section : To get the details of the medicine that the donor wants to donate.
ADDITIONAL FEATURE : In the form, if the donor is unable to fill the information of medicine, he can also upload the picture of the medicine and we have used OPEN CV to extract the name, strength, expiry-date and other required details.

![HomePageUser](https://user-images.githubusercontent.com/78265224/167241608-05c3e865-bf22-417f-89f9-2046d5f3dbab.png)
![form-laptop](https://user-images.githubusercontent.com/78265224/167241845-30576f22-c18a-498c-968c-95d33c5fa7aa.png)
Mobile view :
![mobile-user-page](https://user-images.githubusercontent.com/78265224/167241618-59d4fcab-7d59-4fc5-8478-2ec52171a8b5.png)
![form-mobile](https://user-images.githubusercontent.com/78265224/167241853-13b25d84-2e98-4bb6-8764-8503de1c46e0.png)

3. NGO page created

The NGO page consists a search section where the NGO will search for the respective medicines they need and can collect it from the user. Once the NGO clicks the collect button, user will be notified and his incentives will be updated correspondingly.

![ngo-laptop](https://user-images.githubusercontent.com/78265224/167241943-e2523c5e-368f-483d-a582-75b58a59ee3a.png)
Mobile view :
![ngo-mobile](https://user-images.githubusercontent.com/78265224/167241962-55e61bfc-2a0a-48e5-a866-2959d3a7b630.png)

4. Other secondary pages created

About page creted containing details of our project.
OTP verification page created to enter and verify the OTP while signing up.

![verify](https://user-images.githubusercontent.com/78265224/167283473-f676ced1-2230-4177-935d-c66aa7fcb410.png)
![about](https://user-images.githubusercontent.com/78265224/167283479-afbfa00a-6d72-4fd1-b365-2bd81d7371ed.png)

Our Back-End :

On the Backend part, we have created the database schema of the user and the medicine, also we have created various routes for login, registration, and donor form filling, also we had setup nodemailer in the website to use as a mailing system these routes has been linked to the frontend of the website and hence the website works integratively.
We have also enabled the data extraction through picture of medicine using Open-CV.


hackfest2k22's People

Contributors

akashmittal-30 avatar bhimeshagrawal avatar shubh-am-15 avatar

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.