nogsantos / people-tastes-challange

An Web app to discover people tastes about beer and Start Wars movie

People Tastes

by Fabricio Nogueira - [email protected]

What

Discover the tastes of people on these subjects:

• Star wars
• Beers

Setup

Project requirements

Tool	Min. Version	Environment
Node	>= 10.x	Dev
Npm	>= 5.x	Dev
Docker	latest	Prod
docker-compose	>= 1.23.1	Prod

Install project dependencies

$ npm i

Development run at localhost:3001

Premisses

The port 3001 will be used to start the servers, they can not be in use for another process at the moment.

$ npm start

Build for Production

Premisses

The port 80 will be used to start the servers, they can not be in use for another process at the moment.

First build the project

$ npm run build

This project has a docker file with a nginx container.

To start the container

$ docker-compose up -d

To turn off the container

$ docker-compose down

Project stacks

Stack	Purpose
React	Javascript Lib
Material UI	Javascript Visual UI
Axios	Requests
Dexie	Local db
Pubsub JS	Messages publications
Jest with react test library	Tests

people-tastes-challange's Issues

Punkapi List

Loading beers information, possibility to like and and loading more by infinite scrolling

Deploy container

Create a conteiner to on docker to deploy the app with nginx.

My likes

Users like module

Automation development process

Enable CircleCI to runs eslint rules and tests. Add the badge to readme.

Punkap List Details

When the user clicks in a item on the list, redirect the user to item details. The user can like or dislike the item on details page to.

Swapi

Swapi module

Project Mockups

Defines previous mockups to the project.

AppCard component

Create tests to

Component: Menu

Component: Drawer

Tests

App

Create testes for app

Punkap List Filter

Enable to search a beer by a text input on Punkapi list. And beer was founded, keep the list. When found, show only the result on list.

Swapi List

Loading Swapi categories to user chose one and, by the user's choices, loading categories items, possibility to like and and loading more by infinite scrolling

Likes list

List users likes, side by side swapi and beers. When the user clicks on an item, redirect to details page. Show a like counter to user

Component: Bar

Swapi Details

When the user select a item, redirect the user to item details. In this page, the user can like or dislike the item.

Punkapi

Punkapi module

Project definitions

By premises, defines the project definitions

Component: Input