frontend
frontend copied to clipboard
Documentation
DOCUMENTATION:
If you open the website for the first time and it is not showing the information, please wait for 1 or 2 minutes to the Heroku server backend to begin and then try again.
1.- Creating project components:
-Analizying the components provided by the App.js file, I saw that I needed to create
a folder called "components" so I create it then I started to create the components
inside that folder, and following the structure recomended in the App.js file.
2.- Add Styles:
-For the creation of the styles I followed the same folder structure as the components folder
to have a good folder managment, I only kept the App.stly that comes within the itself.
3.-Create a getData.js function:
-For this problem I edited the GetData.js file in the utils folder, using async-await
and a try/catch to the handle errors. A problem surge when I tried to run the app because
I needed to add a node target in the .babelrc file to use async-await.
4.- Integrate API:
-Here I called the getData function in the App.jsx file, and then I distributed the data for each
component by props.
5.-Custom API:
-I customized the file with my own info and then I made a static server to consume the API using
Heroku.