Introducing our travel app, designed to make reserving your dream trip a breeze. With just a few taps on your device, you can reserve a trip to your favourite destination. Our app's user-friendly interface allows you to get location, price, and amenities. You can also get review ratings done by other travelers to help you make the best decision for your trip. It allows users to create an account, login, and reserve a trip. It also allows users to view all available trips, and view a specific trip.
Client
Server
Authenticate users:
- Create an account by providing a valid name, e-mail, and password with password confirmation.
- Once your account is created, you'll be automatically logged in and can access all of the app's features.
Trips:
- Once you're logged in, you can browse through a list of all available trips.
- Get the details of a specific trip by clicking on it. You can also reserve a trip from the details page.
- On the reserve trip page, fill out the information and reserve a trip. That's it. Congratulations!
Add/Delete:
- If you want to add a new trip, just click on the Add a Trip link in the navigation panel, and you'll be directed to a page where you can fill out a form to add a new trip.
- If you want to delete a trip, click on the Delete a Trip link in the navigation panel. You will be redirected to a page where you can see a list of all available trips from where you can delete a trip.
Reservations:
- To see all your reservations in one place, head to the My Reservations page. Here, you can see a list of all your reservations and get a glimpse of the details.
Check out our live site to see our app in action! Click the link below to visit the site and try it out for yourself
Our backend code is stored in a separate repository and is built using ruby on rails. The backend is responsible for processing data and handling API requests from the frontend. To access our backend code, please click on the provided link below.
We used a Kanban board to track the progress of tasks and issues. The board is designed to help visualize the status of work items, identify bottlenecks, and ensure that work is flowing smoothly.
Initial State
Frontend
Backend
Final State
Frontend
Backend
In order to run this project you need:
Source code editor
Node.js and Npm
Git
Clone this repository to your desired folder:
git clone git@github.com:Mhamad-Raad/final-capstone-frontend.git
cd final-capstone-frontend
Install thr project dependencies with:
npm install
To run the project, execute the following command:
npm start
To run the tests, run the following command:
npm test
You can deploy this project using:
npm run build
The team of developers involved in the creation of this project has 3 members.
👤 Mhamad Raad
👤 Kanza Tahreem
👤 Shaker Abady
- Allow users to logout of the application
- Implement password reset functionality
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
If you like this project please give it a ⭐️!
Thank you to microverse for setting us on this journey.
We would like to thank Murat Korkmaz for the design guidelines.
This work is licensed under a Creative Commons Attribution 4.0 International License