https://github.com/jhta/beers-project
A simple beer web app: https://with-jest-kcucgbjpog.now.sh
https://github.com/jhta/beers-project
Last synced: 12 months ago
JSON representation
A simple beer web app: https://with-jest-kcucgbjpog.now.sh
- Host: GitHub
- URL: https://github.com/jhta/beers-project
- Owner: jhta
- Created: 2019-03-01T03:54:29.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-03-01T04:10:40.000Z (over 7 years ago)
- Last Synced: 2025-03-12T16:45:04.552Z (over 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 105 KB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Beers web
DEMO: https://with-jest-kcucgbjpog.now.sh/
### How to run it:
`yarn install`
`yarn dev`
### Running in Prod
`yarn install`
`yarn build`
`yarn start`
### Technology:
* React Hooks (v16.8)
* Redux as Hook with redux-actions, reselect and react-use-redux, redux-saga
* Tests with Jest
* SSR and routing with Next.js
* Eslint config with Prettier and Standard.js
* theme/styling system using Rebass, Styled-system and Styled-components
* manage envitoments with DotEnv
For this I used my custom boilderplate: https://github.com/jhta/react-redux-boilerplate
### What I consider?
* UX and Final user interface
* Responsive based on Mobile first (thanks styled-sytem :) )
* Progressive enhancement
* Server rendering getting the all first impretion from html. That improve the performance and SEO
* User interface states
* Easy routing (thanks nextjs)
* Separate the services logic
* Clean code
* Multiple enviroments (dev, prod)
* Styling based on defined theme
* Modularity and testeability for all: libs, reducers, sagas, services, etc.
* Manipulate the favorites with localstorage, creating a fabric method for access and manipulate it
### What I miss? (For time)
* Testing (integration, unit testing, end-to-end). Normally I priorize to make integration test
* I18n
* A11y
* Test Coverage