BookSupply

Inspiration

College has always been challenging due to expensive book prices and the unavailability of notes. The bookstores we typically have on our college campuses are limited to our specific institution. Why not expand beyond these limitations and make the bookstore experience available everywhere?

What it does

Colleges and companies can register as bookstores to sell books, notes, and merchandise. Students and buyers can find items at nearby locations, not limited to one specific college. They can view different bookstores on Google Maps and find the items they want from various companies.

How we built it

We began by creating a bookstore similar to the ones found on college campuses, but we decided to broaden the scope and make every bookstore accessible to every student. We removed the requirement for the buyer to be associated with a specific organization, allowing them to purchase from any company or bookstore.

Challenges we encountered

Payment system implementation
Password change functionality
Connectivity issues with MongoDB over the college Wi-Fi

Accomplishments that we're proud of

A clean and user-friendly UI
Integration of Google Maps
User and company account management

What we learned

React development
Tailwind CSS
Material-UI (MUI)
Node.js with Express
MongoDB database management

What's next for BookSupply

Integration of various payment systems to enhance the user experience

Built With

Submitted to

HackRU Fall 2023
- Winner [MLH] Best Use of MongoDB Atlas

Created by

In the project, my key contribution was designing and developing the frontend using React, Material-UI, and Tailwind CSS. I focused on creating a visually appealing and user-friendly interface, while also connecting it to the backend through APIs. This ensured smooth data flow and a responsive user experience. My collaboration with the backend team ensured a cohesive and efficient application.

ankeett Kafle
Built the entire backend structure. Wrote well over 40 APIs that seamlessly integrate to the frontend.

Samip KC
At my first hackathon, my knowledgeable teammates guided me through the exciting world of front-end development with React and Tailwind CSS within the MERN stack. Their expertise and collaborative spirit turned this into a rich learning experience, offering a hands-on introduction to innovative web development practices.

Saurav Dahal