Building a bike rental website from scratch.

Hello, my name is Akshay and I am back with another story, this time we built a bike rental web app inspired by the Royal Brothers website. We were able to build both the frontend and backend of the website in mere 4 days. We were a team of three and had to divide tasks carefully since this was our first time building a full-stack website.

The Approach

• We had to prioritize the functionalities.
• One of the tricky jobs was to create an efficient database schema since we wanted to make data retrieval easier.
• We decided every member shall work on both front and backend to get exposer to working in both environments.
• Let team members choose which functionality they want to build.
• Starting off with static UI.

Tech Stack

Frontend

• HTML
• CSS
• Javascript
• React

Backend

• Node
• Express
• MongoDB

Libraries

• React
• React-Redux
• Material UI
• Ant Design
• Stripe
• Express js
• Axios
• Mongoose
• Moment

Result

Features

• Users can sign up and log in
• Choose locations and get bikes according to the location
• Choose a plan depending upon monthly or daily plans and see the total amount for those choices.
• Pay the amount (dummy payment gateway)
• The bike details will be added to their order history in the profile section

Learning outcomes

• Collaborating remotely
• Teamwork
• More experience with backend & database
• Using Git version control effectively
• Learning about UI libraries such as Material and Ant Design
• Communication is the key to any teams success

Check out our code here

janakbharadwaj/royal_brothers