Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mukhammadrizooff/jaypeaktours-frontend


https://github.com/mukhammadrizooff/jaypeaktours-frontend

Last synced: 4 days ago
JSON representation

Awesome Lists containing this project

README

        

# JayPeakTours Frontend
It is minimum viable product to simulate a booking tours website. The users can get a list of available tours and check their details. It also allows user to create and delete tour items.

## Features

- Users can login using its email which was used during the signup process.
- New users can create new account to use the app.
- The main page display the list of tours available which are fetch from the rails API.
- Check the details of any cad by clicking on them.
- My bookings navigator option display all bookings that belong to a given user.
- User can create new Tour Cards by clicking on the navigator option. It will display a modal form which requires the requested data.
- Users can also delete Tour card by clickin on the navigation "Delete item" option.

## Built With

- React
- Redux
- JavaScript
- SCSS
- Bootstrap

### Kanban boards
- [Kanban Board Link](https://github.com/mukhammadrizooff/JayPeakTours-backend/projects/1).

#### After completion

Initial state | After completion
------------- | -------------
![2022-07-05_14-34-19](https://user-images.githubusercontent.com/63915024/177299570-859ccf4f-c1bd-436f-9b83-c5422e6bdcef.png) | ![image](https://user-images.githubusercontent.com/63915024/176949686-b8caf35e-92a9-4b11-8635-94c06ada04e4.png)

## Team members
- 1.Gabriella
- 2.Sumair
- 3.Muhammad Rizo

## Getting Started

To get a local copy up and running follow these simple example steps.

### Prerequisites

- Have `git` installed on your local computer.
- have `node` installed on your local computer.
- Install and execute the `JayPeakTours-backend` rails API from [this](https://github.com/mukhammadrizooff/JayPeakTours-backend) repository.

### Install

- Run the commant `[email protected]:mukhammadrizooff/JayPeakTours-frontend.git` or `https://github.com/mukhammadrizooff/JayPeakTours-frontend.git` to clone this repository to your local computer. Choose the location you prefer.
- Run the command `npm install` to install all project's react dependencies.

### Usage

- Run the command `npm start` to execute the app.
- Open the url `http://localhost:3000` on a browser.

## Authors

πŸ‘€ *Gabriela SΓ‘nchez Espirilla*

- GitHub: [@gabyse1](https://github.com/gabyse1)
- LinkedIn: [gabyse](https://www.linkedin.com/in/gabyse/)
- Twitter: [@gabyse0](https://twitter.com/gabyse0)

πŸ‘€ *Sumair Qaisar*

- GitHub: [@sumairq](https://github.com/sumairq)
- Twitter: [@sumair_qaisar](https://twitter.com/sumair_qaisar)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/sumair-qaisar-jadoon-84a877164/)

πŸ‘€ *Mukhammadrizo Abdunazarov*

- GitHub: [@mukhammadrizooff](https://github.com/mukhammadrizooff)
- Twitter: [@muhammadrizooff](https://twitter.com/muhammadrizooff)
- LinkedIn: [LinkedIn](https://linkedin.com/in/mukhammadrizooff)

## 🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Linters: [Microverse](https://github.com/microverseinc/linters-config)
- Design Idea: [Behance](https://www.behance.net/gallery/26425031/Vespa-Responsive-Redesign/modules/173005577)
- Designer: [Murat Korkmaz](https://www.behance.net/muratk)

## πŸ“ License

This project is [MIT](./LICENSE) licensed.