https://github.com/simandrew/tours-travel-reactjs
https://github.com/simandrew/tours-travel-reactjs
fetch-api reactjs useeffect-hook usestate-hook
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/simandrew/tours-travel-reactjs
- Owner: SimAndrew
- Created: 2025-03-23T15:12:05.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2025-03-24T16:45:05.000Z (about 2 months ago)
- Last Synced: 2025-03-24T17:34:29.911Z (about 2 months ago)
- Topics: fetch-api, reactjs, useeffect-hook, usestate-hook
- Language: CSS
- Homepage:
- Size: 41 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Tours app
### About:
The Tours Project gets lists of tours from the API and displays them on the screen.
Features:
- Clicking on read more will display a detailed tour description.
- Remove a tour from the list of tours by pressing the button.
- After removing all tours from the list, click button to display all tours.
You can try here: [https://tours-travel-reactjs.netlify.app/](https://tours-travel-reactjs.netlify.app/)
### Sample task, photo:
### Technologies, Libraries:
- [React JS](https://react.dev/)
- [Vite JS](https://vitejs.dev/), [ESLint](https://eslint.org/), [Prettier](https://prettier.io/)
- [useState Hook](https://react.dev/reference/react/useState)
- [useEffect Hook](https://react.dev/reference/react/useEffect)
### Run the app:
- Clone a project: `git clone`
```
git clone https://github.com/SimAndrew/tours-travel-reactjs.git
```
- Open project code in your editor.
- Install the dependencies, enter into the terminal:
```
npm install
```
- Run the project, enter into the terminal:
```
npm run dev
```