This application was developed in response to the test for the Frontend developer position at Group Zap.
The requirements are described in https://grupozap.github.io/cultura/challenges/engineering.html#regras-de-neg%C3%B3cio-que-voc%C3%AA-precisa-implementar
This project was bootstrapped with Create React App.
🔹 yarn - to install dependencies;
🔹 yarn start - to run app; Open http://localhost:3000 to view it in the browser.
🔹 yarn build - to run build for deploy app.
This app was developed with React Functional components with React Hooks. For structures was used:
🔹 ReactJs 🔹 StyledComponents 🔹 React-icons 🔹 React Hooks 🔹 React Router DOM 🔹 Axios
The folder structure is defined from the src folder which is the baseUrl.
src
├ assets
| ├ grupo-zap.svg
| ├ vivareal.png
| └ zap.png
├ Components
| ├ Cards
| | ├ index.tsx
| | └ styles.ts
| ├ CardsDetails
| | ├ index.tsx
| | └ styles.ts
| ├ Content
| | ├ index.tsx
| | └ styles.ts
| ├ Footer
| | ├ index.tsx
| | └ styles.ts
| ├ Header
| | ├ index.tsx
| | └ styles.ts
| ├ LayoutPage
| | ├ index.tsx
| | └ styles.ts
├ Hooks
| └ useFetch.tsx
├ Pages
| ├ Home
| | ├ index.tsx
| | └ styles.ts
├ Routes
| └ app.routes.tsx
├ Services
| ├ apiservices.ts
| ├ historyService.ts
| └ IPropertyDetails.ts
├ Styles
| └ GlobalStyles.ts
├ Utils
| ├ boundingBox.ts
| └ formatCurrency.ts
|App.tsx
|index.tsx
└ reactapp-env.d.ts