Skip to content

The travel app is designed to simplify reserving dream trips for users.. The app's user-friendly interface provides easy access to location, price, and amenities. Users can create an account, log in, and reserve a trip hassle-free. TravelVent Backend handles the backend API, and TravelVent Frontend handles the frontend Interface .

License

Notifications You must be signed in to change notification settings

KanzaTahreem/TravelVent-Frontend

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“— Table of Contents

🚜 TravelVent

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.

πŸ›  Built With

Tech Stack

Client
Server

Key Features

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.

(back to top)

πŸš€ Live Preview

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

Β Β Β Β  live link

(back to top)

πŸ”— Back End Link

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.

Β Β Β Β  documentation

(back to top)

βœ’ Kanban Board

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

frontend

Backend

backend

Β Β Final State

Frontend

frontend

Backend

backend

(back to top)

πŸ’» Getting Started

Prerequisites

In order to run this project you need:

  Source code editor
  Node.js and Npm
  Git

Setup

Clone this repository to your desired folder:

  git clone [email protected]:Mhamad-Raad/final-capstone-frontend.git
  cd final-capstone-frontend 

Install

Install thr project dependencies with:

  npm install

Usage

To run the project, execute the following command:

  npm start

Run tests

To run the tests, run the following command:

  npm test

Deployment

You can deploy this project using:

  npm run build

(back to top)

πŸ‘₯ Author

Β Β Β Β The team of developers involved in the creation of this project has 3 members.

πŸ‘€ Mhamad Raad

Β Β Β Β  ruby
Β Β Β Β  ruby

πŸ‘€ Kanza Tahreem

Β Β Β Β  ruby
Β Β Β Β  ruby

πŸ‘€ Shaker Abady

Β Β Β Β  ruby
Β Β Β Β  ruby

(back to top)

πŸ”­ Future Features

  • Allow users to logout of the application
  • Implement password reset functionality

(back to top)

🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project please give it a ⭐️!

(back to top)

πŸ™ Acknowledgments

Thank you to microverse for setting us on this journey.

We would like to thank Murat Korkmaz for the design guidelines.

(back to top)

πŸ“ License

This work is licensed under a Creative Commons Attribution 4.0 International License

(back to top)

About

The travel app is designed to simplify reserving dream trips for users.. The app's user-friendly interface provides easy access to location, price, and amenities. Users can create an account, log in, and reserve a trip hassle-free. TravelVent Backend handles the backend API, and TravelVent Frontend handles the frontend Interface .

Topics

Resources

License

Stars

Watchers

Forks

Languages

  • JavaScript 66.7%
  • CSS 31.3%
  • HTML 2.0%