https://github.com/pktcodes/tours-react-project
Tours Project using React
https://github.com/pktcodes/tours-react-project
api css3 ecmascript6 fetch-api html5 javascript react react-hooks tours useeffect usestate
Last synced: about 2 months ago
JSON representation
Tours Project using React
- Host: GitHub
- URL: https://github.com/pktcodes/tours-react-project
- Owner: pktcodes
- Created: 2022-07-20T23:18:35.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2022-07-21T00:12:34.000Z (almost 4 years ago)
- Last Synced: 2025-10-10T09:42:44.739Z (9 months ago)
- Topics: api, css3, ecmascript6, fetch-api, html5, javascript, react, react-hooks, tours, useeffect, usestate
- Language: CSS
- Homepage: https://react-tours-prod.netlify.app/
- Size: 400 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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._