Skip to content

Latest commit

 

History

History
59 lines (36 loc) · 2.07 KB

README.md

File metadata and controls

59 lines (36 loc) · 2.07 KB
Raw

Hackathon Frontend For MWC Community NUWE!

This project is part of some challenges proposed in the hackathon for the MWC

In the root directory you will find a folder called frontend-challenge where the development to be carried out and the guidelines to carry it out are described.

To start follow the steps:

git clone https://github.com/santiagocxa/nuwe-mwc-hackathon-front.git

cd nuwe-mwc-hackathon-front

install dependencies and start the project

npm install
npn run start

How the project is built:

  • src
    • Pages -> Find the main folder
    • Components -> They are each of the functional components of the app, class components are not used
    • Assets -> You will find all style files, static files and also the route files

The Routes: for the management of routes the react-router-dom library is used for the elaboration of this project it was a library that was very accommodating to the needs of the development, I use HashRouter so as not to have to create a server that serves the routes of my app

Validations: The registration forms required a type validation, so it is validated with the help of regular expressions which you can find in the folder src/assets/utils/.

For the styles, only css and some of its own variables are used.

I also rely on the @fortawesome icon library that helped me a lot to improve the user experience with alerts about the information that is being entered in the input. I share the libraries in case you want to add to your project.

  npm install --save @fortawesome/fontawesome-svg-core
  npm install --save @fortawesome/free-solid-svg-icons
  npm install --save @fortawesome/react-fontawesome

For this project, state persistence was not required, so it was not added, but very possibly in the next few days I will add it. Normally I usually use React-redux

Finally ::

This is the deploy of the app https://santiagocxa.github.io/nuwe-mwc-hackathon-front/#/

Welcome the feedback!!

There is a lot I could learn from you!