This project was developed as an application test for the Frontend position at Hostgator Latin America.
- Create a page that refers to the API: to obtain prices and name of plans with JS;
- The page should follow the layout pattern available at here;
- The images can be downloaded and used as svg;
- Web source used: Montserrat;
- Responsive layout (mobile 320px, tablet 1024px).
Here there are some extra items to increase the test score if applied.
- Use of automators (Gulp, Grunt or Webpack);
- Use of CSS preprocessors (SASS, LESS and etc.);
- Performance optimization;
- Use of Redux;
- Unitary tests;
- Security measures;
- Animations and effects.
Click here to view the project demo.
Clone the repository:
git clone [email protected]:nicklima/hostgator-react-app.git
Navigate to the project directory
cd hostgator-react-app
and install the dependencies:
npm install or yarn install
After install the dependencies, you can run the app in the development mode.
Open http://localhost:3000 to view it in the browser.
npm start or yarn start
The page will reload if you make edits.
You will also see any lint errors in the console.
After install the dependencies, you can build the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
npm run build or yarn build
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!