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