Pufi Shop

Technical test developed for admission. The idea was to create the Pufi Shop website using the mockup of its Home page, employing reusable components and making use of forms.

Level: basic

PufiShop.mov

Tecnologies

• React.js
• Vite
• CSS
• Formspree
• Redux
• Axios
• Bootstrap
• Materialize
• UUID

The Process

Vite was used to start the project and obtain a template. The Pufi folder is created, which will contain the following folders:

• components
• layout
• pages

At the Pufi folder level, the assets folder is found, which contains all the images used in the Home. Finally, the store folder will contain the logic for the form.

What I learned

During the development of the technical test, we learned how to use the Formspree library for the form.

• Formspree

How can it be improved?

• Improve the styles and responsive
• Add more functionalities in buttons

Link

https://lookingforgif.netlify.app/

Running the project

To run the project in your local environment, follow these steps:

1. Clone the repository to your local machine
2. Run npm install or yarn in the project directory to install the required dependencies
3. Run npm run start or yarn start to get the project started
4. Open the address shown in your console in your web browser to view the app