Tours 🏖️

PROD [Live] : https://react-tours-prod.netlify.app/

Tours consists of a straightforward user interface where there is a

• List of tours available to visit.
• Each single tour card has an image,name, price, info along with a button to toggle between Read more or Show less and a Not Interested button to remove a tour from the list.
• Loading... will be shown while fetching data, once the data is available tours will be shown.
• Data is handled by the external API.
• Once all the tours are removed from the list, it displays No Tours left and a Refresh button which on click fetches the tours again.
• To run the project locally, clone the repo, npm install to install the dependencies, and npm start to start up the development server on default port 3000.

Languages

HTML, CSS, JavaScript, ECMAScript, React - Hooks ~ useState, useEffect

API

https://course-api.com/react-tours-project

Deployment / Hosting

Netlify

---

Note: I have developed this project ~ [2] as part of React and Projects Course taught by John Smilga.