https://github.com/german-cobian/tours

A React application that fetches info on tour packages from an API , displays it, allows user to expand on the tour info and clear out the tour info he/she is not interested in it.
https://github.com/german-cobian/tours

css html javascript react

Last synced: 12 days ago
JSON representation

A React application that fetches info on tour packages from an API , displays it, allows user to expand on the tour info and clear out the tour info he/she is not interested in it.

• Host: GitHub
• URL: https://github.com/german-cobian/tours
• Owner: German-Cobian
• License: mit
• Created: 2022-02-09T21:53:09.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-05-16T02:49:39.000Z (over 2 years ago)
• Last Synced: 2024-11-22T23:44:09.155Z (about 2 months ago)
• Topics: css, html, javascript, react
• Language: CSS
• Homepage:
• Size: 1.19 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Tours

A simple React app that fetches info on tour packages from an API (destination, info, price, and an image and displays it. It also allows for the user on the click of a link (Read More)...

![Tours](/public/tours-hide-info.png?raw=true "Tours display") 

...to obtain more info on a specific tour. At that point in the display the user can choose to go back to the original display with less information on that specific tour, by clicking "Show Less", or to clear away all the data of that specific tour by clicking “Not Interested”.

![Tours](/public/tours-show-info.png?raw=true "Tours display")

The app is based on the eponimous project that appears in the tutorial [Code 15 React Projects - Complete Course](https://youtu.be/a_7Z7C_JCyo) by freeCodeCamp.org.

### Setup and Install

* Open your terminal - Windows: `Win + R`, then type `cmd` | Mac: `Command + space`, then type `Terminal`

* Navigate to a directory of your choosing using the `cd` command

* Run this command in your OS terminal: `git clone [email protected]:German-Cobian/Tours.git` to get a copy of the project

* Navigate to the project's directory using the `cd` command

* In the clone folder, run `npm install`

* To fire up the server run `npm start`

* Visit `http://localhost:3001/` in your browser to get into the app

## Built With

* HTML

* CSS

* JavaScript

* React

* Github workflow

## Author

👤 **German Cobian**

* GitHub: [@German Cobian](https://github.com/German-Cobian)

* Twitter: [@GermanCobian2](https://twitter.com/GermanCobian2)

* LinkedIn: [@German Cobian](https://www.linkedin.com/in/german-cobian/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/German-Cobian/Tours/issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

Guidelines for this tutorial supplied by freeCodeCamp.org, specifically in their [Code 15 React Projects - Complete Course](https://youtu.be/a_7Z7C_JCyo) tutorial.

## 📝 License

[MIT licensed](https://github.com/German-Cobian/Tours/blob/main/LICENSE).