Full stack application to track the detections from CSV file using Python and React.

https://decidatatv.luisacerv.dev/

Python API using flask-restful to serve a single GET endpoint /detections which will return a JSON object with the channels, brands, commercials, dates and detections.

• python 3.6

In order to make easier to run the project I have used docker, to run the project using docker run the following commands:

• 1. In the projject root folder cd api
• 2. docker build -t detections_api:latest . -f Dockerfile
• 3. docker run -d -p 5000:5000 detections_api:latest
• 4. Check if everyting is ok by running docker ps to see if your container is running at port 5000
• 5. Have fun!!!

• 1. In the projject root folder cd api
• 2. Create a new python virtual env python3.6 -m venv env
• 3. Start your environment source env/bin/activate
• 4. Install dependencies pip install -r requirements.txt
• 5. Run the app python src/app.py
• 6. Have fun!!!

To build the frontend of the application I have used ReactJS as framework and Antd as styling framework.

For the project structure I have followed the concept of atomic design, you can learn more about atomic design here

The application has been configured using paceljs and uses yarn as package manager, anyway you can use npm

To run:

• 1. From the project root cd client
• 2. Install dependencies yarn install or npm install
• 4. Add new .env file with the following: API_ENDPOINT=http://localhost:5000/detections or rename the .env-example file to .env
• 4. Run the app npm start
• 5. Once the is built, go to http://localhost:1234
• 6. Have fun!!!

In order to test the components I have implemented jest and enzyme.

• 1. Run tests npm test

• 1. Add test cases to increase test coverage