Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thounny/tourist-bureau-project
Starter Files for the Tourist Bureau Project
https://github.com/thounny/tourist-bureau-project
Last synced: about 1 month ago
JSON representation
Starter Files for the Tourist Bureau Project
- Host: GitHub
- URL: https://github.com/thounny/tourist-bureau-project
- Owner: thounny
- Created: 2024-10-25T02:36:39.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-10-25T17:10:49.000Z (2 months ago)
- Last Synced: 2024-10-26T16:13:19.514Z (about 2 months ago)
- Language: JavaScript
- Size: 2.08 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tourist Bureau Activities Website
This project is a simple **Tourist Bureau Activities** website that allows users to explore local activities, view detailed descriptions, and purchase e-tickets for the activities they are interested in. The project is built using **HTML, CSS, and JavaScript**.
## Project Overview
- The homepage provides information about the town and navigation links to other pages.
- Users can select activity categories (e.g., **Adventures**, **Museums**, etc.) and view detailed information about activities.
- A **dynamic form** allows users to purchase e-tickets for activities that have a price.
- The page also includes reset functionality, which clears the selections and the displayed information.
## Features
- **Dropdown Selection**: Users can select activity categories and individual activities to see detailed information.
- **E-Ticket Purchase Form**: If an activity has a price, users can fill out a form to purchase tickets.
- **Dynamic Content**: The activity details and form update based on user selections.
- **Form Reset**: A reset button clears the form and selections, bringing the page back to its original state.
## How to Clone and Run the Project
If you'd like to clone this project and run it on your own machine, follow these steps:
### 1. Clone the repository
```bash
git clone https://github.com/thounny/tourist-bureau-project.git
```
This will create a local copy of the repository on your machine.
### 2. Navigate to the project folder
```bash
cd tourist-bureau-project
```
### 3. Open the project
You can open the project in any text editor or directly in your browser. Here’s how to open it in your browser:
- If you're using a code editor like **VS Code**, simply right-click the `activities.html` file and select **Open with Live Server** (if you have the Live Server extension installed).
- Alternatively, open the `activities.html` file directly in your browser by double-clicking it.
### 4. Explore and customize
Feel free to explore the code in the files to understand how everything works. You can also follow the tutorial video linked below for a step-by-step guide.
## Tutorial Video
If you need more help, check out the [YouTube Tutorial](https://youtu.be/k_aZN8oXHPg?si=HP6BK5M_6dgTb_Qx) that walks through building this project from scratch, line by line!
## Additional Help
If you run into any issues or have questions, feel free to open an issue in the GitHub repository or reach out to me via the comments on the YouTube tutorial.
## Author
**Thounny Keo**
Creative Developer & Designer
Frontend Development Student | Year Up United
---
