This is the Flatdango app, a JavaScript application that fetches data from an API and dynamically manipulates the DOM to display movie titles and their details and allows the user to buy tickets to watch the movies.
The Flatacuties app fetches data from an API and dynamically manipulates the DOM to display a list of movies and their details. It showcases how to use JavaScript to interact with APIs and dynamically create HTML elements.
To buy a ticket the user clicks on the title of the movie then goes to the movie details displayed on the right of the screen and clicks on buy ticket.
- Clone the repository:
https://github.com/Reiney4/week-two-code-challenge
- Navigate to the project folder
cd week-3-code-challenge
- Install json-server tool with the command
npm install -g json-server
- Run db.json file using the command
json-server --watch db.json
5.Open the index.html file on the server and access the index.html file using this URL
http://localhost:3000/films
-
The application will send a GET request to the API endpoint to fetch the animal illustration data.
-
Once the data is fetched, the app will create HTML elements to display the movie titles and details on the page.
-
Scroll through the page to explore the movies .
- JavaScript
- HTML
- CSS
Author: [Glory Gweth]
This project is licensed under the MIT License.