This is the Bank of Flatiron app, a React JavaScript application that fetches data from an API and dynamically manipulates the DOM to display bank transactions and allow the user to add and delete and edit there transactions.
The Bank app fetches data from an API and dynamically manipulates the DOM to display bank transactions. It showcases how to use React JavaScript to interact with APIs and dynamically create HTML elements.
To add a transaction you create one with the description and amount of money used and you add the transcription for it to be displayed.
Deployed Link: https://64c2369daf01d46a2407daf6--iridescent-sorbet-80d929.netlify.app/
- Clone the repository:
https://github.com/MarcTO2/phase2codechallenge
- Navigate to the project folder
cd phase2codechallenge
- 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/characters
-
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 animal illustrations on the page.
-
Scroll through the page to explore the cute animal illustrations.
- React JavaScript
- HTML
- CSS
The application fetches data from the following API endpoint:
API Endpoint: [ https://api.npoint.io/99410ec55ae9fca4a9cf/characters]
Replace [API Endpoint URL] with the actual API endpoint you want to fetch data from.
Author: [Absalom Marcel]
This project is licensed under the MIT License.