Thanks to visit codestin.com
Credit goes to github.com

Skip to content

This is my resolution of Hostgator's 2022 Frontend Starter Challenge. It is a Single-Page Application built with React.js, which displays products offered by us. It is styled through styled-components and it's API calls were made using fetch.

Notifications You must be signed in to change notification settings

LukeberryPi/desafio-frontend-hg

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Getting Started with Create React App

This project was bootstrapped with Create React App.

How to run this app

You'll need an IDE for better use of this app. My recommendation is to download VS Code

You should also download Node.js

After cloning this repository, you'll have to execute:

npm install

This is to assure that you have all node_modules necessary to run this project on your machine.

Finally, in the project directory, you can run:

npm start

This will run the app in development mode.

You can access it through your browser on the URL http://localhost:3000

The page will reload whenever you make changes.

Additionally, you'll have access to your browser's console.

Useful Resources

Extras used

  • The main extra I used was Styled Components. It showed to be efficient, compared to naming classes for every component in my project
  • In hindsight, using TypeScript from the start would've been a smarter option than plain JavaScript. I tried implementing it mid-project, but there was a bug envolving SVG rendering that made me abandon the idea
  • Similarly, I tried migrating into Next.js for the Server-Side Rendering advantages, but fell short on how to implement it and make it work together with styled-components
  • The last extra I tried using was Storybook, for a safe-environment to practice fetching API data through GET Requests. But, in the interest of time, as soon as I solved the API calls, I implemented it straight into the project itself

About

This is my resolution of Hostgator's 2022 Frontend Starter Challenge. It is a Single-Page Application built with React.js, which displays products offered by us. It is styled through styled-components and it's API calls were made using fetch.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published