Linx frontend code challenge

Published on netlify at this link

This project was developed for the technical challenge of the selection process to a frontend developer position at Linx.

The goal of the project was to build a landing page using this mock, using this public api for dynamic modification of the page, validating the forms, and using only Javascript, CSS HTML avoiding the use of frontend development frameworks and using semantic tags from HTMl 5. As I didn't have a post route in the challenge, on the success form send I created an alert showing the information sent.

In this project I use the webpack together with babel to work with modular es6+ javascript, in addition I used the yup library for validating forms and the axios library for http requests in the public api.

Setting Up the project.

To use this project on your enviroment, follow these steps:

1. Clone the github project.

2. Make sure you have the latest version of node and npm / yarn installed

3. Use the following command on the command line to install the dependencies.

   $ yarn

   or

   $ npm i

4. Use the following command on the command line to start the webpack in watch mode, thus creating the bundle script used by html and watch mode causes you to rebuild the bundle when saving any file.

   $ yarn dev

   or

   $ npm run dev

5. open the index.html file from the public folder in your browser or with a html server of your choice, I use the vscode live server.

You can now use and modify the project at your discretion.