Gustavochagas/ifood-frontend-test

Spotifood

• Create a web application called Spotifood used to display the preferred playlists from iFood's customers.
• The project was developed using the ReactJS with Typescript and sass for styles.

Technologies

• [React] (https://create-react-app.dev/docs/adding-typescript/)
• [Typescript] (https://www.typescriptlang.org/)
• [Axios] (https://github.com/axios/axios)
• [Moment] (https://momentjs.com/)
• [Node sass] (https://www.npmjs.com/package/node-sass)
• [Testing Library] (https://testing-library.com/)

Running the project

• git clone
• yarn && yarn start
• Running in http://localhost:3000

Running the tests

• yarn test
  or
• yarn test --coverage --watchAll=false

Architecture of Folder

Folder structuring:

root
├── public
│   ├── favicon.png
│   ├── index.html
│   ├── manifest.json
│   ├── robots.tsx
├── src
│    ├── App
│    ├── assets
│        └── images
│        └── styles
│    ├── components
│    ├── helpers
│    ├── hooks
│    ├── pages
│    ├── services
│   ├── config.json
│   ├── index.scss
│   ├── index.tsx
│   ├── react-app.env.d.ts
│   ├── setupTests.ts
│   ├── types.ts
├── .editorconfig
├── .gitignore
├── package.json
├── README.md
├── README.old.md
├── tsconfig.json
├── yarn-error.log
├── yarn.lock