frontend icon indicating copy to clipboard operation
frontend copied to clipboard

Documentation

Open AlexLMCode opened this issue 3 years ago • 0 comments

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.

AlexLMCode avatar May 15 '21 01:05 AlexLMCode