Building the clone of RedBus Website
Hello readers, hope you all are doing great. I welcome you to my new blog. I’m Pavan Kalyan. I have been learning Full Stack Web Development at Masai School. This time the challenge was pretty tough and interesting. This blog is all about our journey and the challenges we faced while building the project with my colleagues.
About Website:
redBus is an Indian online bus ticketing platform, providing ticket booking facilities through its website, iOS, and Android mobile apps. Headquartered in Bangalore, it connects bus travelers with a network of over 2500 bus operators,[3][4] across India, Malaysia, Indonesia, Singapore, Peru, and Colombia. It claims to have registered over 180 million trips,[3] with a customer base of over 20 million.[3] In 2018, the company achieved a GMV of ₹50 billion (equivalent to ₹57 billion or US$750 million in 2020), with a 70% share in the Indian online bus ticketing segment.
Tech Stack Used:
We used React,CSS3,NodeJS,ExpressJS and MongoDB. We also used many libraries in our Projects like ReactStrap, BootStrap, MaterilaUi, PassPort, Styled-components, and Axios. We also used tools like Github for hosting our project, Slack & Zoom as means of a communication channel.
Team Members:
Project Journey:
This project is assigned to us in construct week by Masai. Firstly We Went through the actual website to understand its functionality and Noted down all the important features which were to be implemented. After going through the website we had a discussion about the strengths of our team members. Mansur Leads the Project. He made a roadmap for the project (Structure of the project, division of work among members with specific timelines). We used to meet twice a day like (Scrum and Standup). Our discipline, dedication, coordination, and cooperation helps us to complete this project on time.
Areas of Responsibility:-
Frontend: Designed and added functionality in HireVechicle, ShowSeat, Passenger, AvailableBus, HireVehicle, and Payment Pages
Backend: Designed Database Schema, Setup CRUD applications, Config the database and Merge All pages on GitHub
Front-end: Designed and added the functionality in Rpool and Thanks Pages
Backend: Created the Schema for Ticket and Booking, Crud API for Order
Frontend: Designed and added the functionality to Navbar.
Backend: Created the User Schema and log in and Sign-up Function using Auth-Controller, Google OAuth.
Front-end: Designed and added the functionality to Landing Page.
Backend: Created the filter features according to time
Front-end: Designed and added the functionality to Bushire pages and footer.
Backend: Created the Vehicle Type Schema and Crud Api for It.
Some Snapshots of Website:
Landing Page:
Rpool Page:
Show Bus According To Users Search:
Select Seat
Passengers Details
Pay:
Bus Hire Page:
Select Journey Type, Enter the Pickup and destination, and enter User Details
Select the Vehicle :
Choose the Package :
Select any Payment Option and Pay:
Ticket Generated:
We would like to thank Masai School for providing us a platform to showcase our talents in Web Development, I personally thank all my team members Mansur Diwan, Ranu Ranjan, Rani Kamna, and Sumit Kumar for their full support and contribution in building this wonderful project. This has been a great and wonderful experience.
GitHub: RaniKamna/Redbus_clone: redBus (github.com)
YouTube: https://youtu.be/HAg6ad9qoOU
Thank You for reading.