AtlasHackathon: "Tralive" (An Online Travel Booking App)

Overview of My Submission

This project is an online travel booking website using React.js as front-end, and Express as backend and MongoDB Atlas as database. This project is created to participate in the MongoDB Atlas Hackathon.

Submission Category:

Choose Your Own Adventure

Link to Code

Md-Abdur-Raheem / tralive

Tralive

"Tralive" for MongoDB Atlas Hackathon

Using this website users can book their favourite tour destination. It is created in order to participate in the MongoDB Atlas Hackathon. Visit Tralive

Category

---

This project is for the "Choose Your Own Adventure" category for the MongoDB Atlas Hackathon.

Directories

---

This repo stores both the front-end and back-end of the project.

Front-end files are located inside the ./src directory.

Back-end files are located inside the ./server directory.

Technology Used

• Front-end

  • React.js

  • React Bootstrap

  • css3

• Back-end

  • Node.js

  • Express.js

• Database

  • MongoDB

• Authentication

  • Firebase

• Deployment

  • Firebase (Front-end)

  • Heroku (Back-end)

License & Copyright

© Md. Abdur Raheem

Licensed under Apache License Version 2.0, January 2004

View on GitHub

Live-site

Technology Used

• React.js, React Bootstrap, CSS3
• Node.js , Express
• Firebase Auth.
• MongoDB Atlas

Additional Resources / Info

I have used MongoDB atlas to store all of my Destinations as well Bookings & Users data. I have done CRUD operation to get, read, write and delete data from my backend server.

In the above screenshots I have used a get request to my backend server to get all of the available travel destinations form MongoDB Atlas.

In the booking destination page a user can book their desired place which is done by a post request in my server to MongoDB Atlas.

In this website there is full control of admin panel.

An admin can add or remove any destination place. He/She can cancel a user's booking. He/She can make another user an admin as well as can remove an admin. All these have been possible by some CRUD operation with MongoDB Atlas.

There is a fully functional contact form by which an user can easily contact with "Tralive" administrators.

This project is also following my workflow.

Deployment

• Firebase for front-end hosting.
• Heroku for back-end hostiong.