http://marvelheroes.s3-website.eu-west-3.amazonaws.com/ [1]
Very simple React app that displays the Marvel characters thanks to https://developer.marvel.com/
- 2 pages: list of heroes + details of a hero
- Implementation is 400 LOC (+ 700 LOC of tests)
- Unit/integration tests written in react-testing-library & Jest
- E2E tests written in Playwright
- W3C validator completed
I use this app as a boilerplate and to demo some JS web app best practices.
1. No HTTPS, no gzip, no cache...
npm run start:stubs
open http://localhost:8080
npm run start:marvel.com
open http://localhost:8080
- React with hooks
- No Redux, just
useState() - TypeScript with
strict: true - Babel with
@babel/preset-typescript - Jest + react-testing-library + Playwright => 100% code coverage
- Fetch API
- React Router
- Prettier + ESLint + stylelint
- Bootstrap 5 + Purgecss
- Google Lighthouse