Skip to content

Latest commit

 

History

History
65 lines (43 loc) · 3.84 KB

BookSwapper.md

File metadata and controls

65 lines (43 loc) · 3.84 KB

BookSwapper

Team Members

  • Dhanishtha Ghosh
  • Dixit Mendon
  • Nishant Dongre
  • Vanshita Singh

Mentor

  • Sayush Kamat

Description

Our project tries to create to a platform for conducting the traditional book swapping in a more sophisticated manner.

  • You create an account, or else login in if you have already cleared that step
  • Search for a book you wish to have/read in our Books section
  • If you find the book of your choice, you can then see the details of the person willing to give their book by clicking the book title
  • Detailed information about book and user are available on the page, after clicking the book title of any book in the Books section
  • You may also view their location on our embedded Map built with the help of Google Maps API
  • You can then go forward and email that person regarding the book and how to swap it

Technology Stack

  • HTML
  • CSS
  • Bootstrap (a free and open-source CSS framework directed at responsive, mobile-first front-end web development)
  • React (an open-source front-end JavaScript library for building user interfaces or UI components)
  • Express.js (an open-source back-end web application framework for Node.js)
  • Node.js (an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine)
  • MongoDB (a source-available cross-platform document-oriented database program)

Applications

The very idea of this project struck to us when we were idly wandering about on Instagram. There book-swapping challenges would be held for people to participate. We thought why not implement a website where people would actually be able to know in a sophisticated manner, who in their vicinity has certain books and are interested in swapping them.

  • It reduces the hassle of finding custom challenges to swap your books
  • Not interested in buying and selling, but rather sharing, you are in the right place!
  • Getting to know the location of the person so that we know how much distance to cover beforehand

What did I learn from this project

  1. Dhanishtha Ghosh - Learned a whole lot about React, and JS itself; bits and pieces of Express.js, Node.js, and MongoDB too. These will definitely go a long way in helping me in my future projects. Also this project gave me another opportunity to lead a team, and improve my morals.

  2. Nishant Dongre - Before doing this Book-swapper project I have only some idea about React but no idea about the backend part but while working on this project I have learn Node, Express,MongoDB which have increased my skill sets. This project also thought me how to work as a team on different parts of the project. In short this project helped me to learn the MERN Stack as well as to work on real life project in team.

  3. Dixit Mendon - I learnt how to work with REST APIs and test them using POSTMAN, using cloudinary for image uploading and reteiving, using Mapbox API for geocoding. Also, how to make use of different libraries and add more features to the website. Overall it was a great experience in working as a team.

Future scope

  • We intend on changing the map view to display all users bearing that particular book to be displayed on the map at once, so that user can have the benefit of choosing the nearest one

  • We intend on developing an in-application chatbox since not many people will be comfortable sharing their phone numbers or email addresses

Screenshots

Home Page

Books Page

Map Component