Meli Frontend Test

Tools 🛠️

React JavaScript library created for building fast and interactive user interfaces for web and mobile applications.

Styled Components A tool to write CSS that's scoped to a single component.

NextJS React framework for developing single page Javascript applications with server side rendering.

Redux Predictable state container for JavaScript apps.

Jest Javascript Testing Library.

Enzyme JavaScript Testing utility for React that makes it easier to test your React Components' output.

Yarn Javascript Package Manager.

Folder Structure

.
├── src                    # Source files
    ├── __mocks__          # Data Mock for unit testing
    ├── __test__           # Unit testing functions
    ├── api                # Functions to fetch the data / serializers
    ├── pages              # React components Pages associated with a route based on its file name.
    ├── redux              # Redux store, actions and reducers
    ├── styles             # Global css and styled component themes
    ├── components         # React components without business logic
    ├── containers         # React components with business logic        
    ├── styles             # Global css and styled component themes          
.env                       # Environment variables
package.json               # Dependencies management
tsconfig.json              # Typescript Configurations
jest.config.js             # Testing Configurations

Running the project

You must create a .env file in the root of the project to add the environment variables

# Meli api
NEXT_PUBLIC_MELI_API=https://api.mercadolibre.com

then run:

yarn dev

Running the tests

yarn test