All Projects → tkrotoff → Marvelheroes

tkrotoff / Marvelheroes

Licence: mit
Marvel Heroes

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Marvelheroes

React Bootstrap Webpack Starter
ReactJS 16.4 + new React Context API +react Router 4 + webpack 4 + babel 7+ hot Reload + Bootstrap 4 + styled-components
Stars: ✭ 103 (+90.74%)
Mutual labels:  babel, jest, bootstrap4
Mostly
They mostly come at night; mostly.
Stars: ✭ 78 (+44.44%)
Mutual labels:  babel, jest, puppeteer
Js Toolbox
CLI tool to simplify the development of JavaScript apps/libraries with little to no configuration. (WORK IN PROGRESS/PACKAGE NOT PUBLISHED).
Stars: ✭ 53 (-1.85%)
Mutual labels:  babel, jest
Nod
Node.js module generator/boilerplate with Babel, Jest, Flow, Documentation and more
Stars: ✭ 355 (+557.41%)
Mutual labels:  babel, jest
React Boilerplate
Production-ready boilerplate for building universal web apps with React and Redux
Stars: ✭ 53 (-1.85%)
Mutual labels:  babel, jest
Pwa
An opinionated progressive web app boilerplate
Stars: ✭ 353 (+553.7%)
Mutual labels:  babel, jest
Webpack React Boilerplate
Minimal React 16 and Webpack 4 boilerplate with babel 7, using the new webpack-dev-server, react-hot-loader, CSS-Modules
Stars: ✭ 358 (+562.96%)
Mutual labels:  babel, jest
Opensource
Delivering delightful digital solutions. Open Source packages with combined ~85M/month downloads, semantically versioned following @conventional-commits. Fully powered by Jest, @Babel TypeScript, @Airbnb @ESLint + @Prettier, @YarnPKG + @Lerna independent versioning, GH @Actions & automated dep updates with @RenovateBot.
Stars: ✭ 459 (+750%)
Mutual labels:  babel, jest
React Native Navigation Redux Starter Kit
React Native Navigation(v2) Starter Kit with Redux, Saga, ESLint, Babel, Jest and Facebook SDK 😎
Stars: ✭ 271 (+401.85%)
Mutual labels:  babel, jest
Express Babel
Express starter kit with ES2017+ support, testing, linting, and code coverage
Stars: ✭ 621 (+1050%)
Mutual labels:  babel, jest
Differencify
Differencify is a library for visual regression testing
Stars: ✭ 572 (+959.26%)
Mutual labels:  jest, puppeteer
Serverless Typescript Starter
🗄🙅‍♀️ Deploy your next serverless JavaScript function in seconds
Stars: ✭ 653 (+1109.26%)
Mutual labels:  babel, jest
Electron React Boilerplate
A Foundation for Scalable Cross-Platform Apps
Stars: ✭ 18,727 (+34579.63%)
Mutual labels:  babel, jest
React Bolt
⚡ The most simple & robust boilerplate for your React projects.
Stars: ✭ 298 (+451.85%)
Mutual labels:  babel, jest
Todoist Js
!! OBSOLETE !! The (un)official Todoist javascript API library
Stars: ✭ 46 (-14.81%)
Mutual labels:  babel, jest
Jest Puppeteer
Run your tests using Jest & Puppeteer 🎪✨
Stars: ✭ 3,267 (+5950%)
Mutual labels:  jest, puppeteer
Entria Fullstack
Monorepo Playground with GraphQL, React, React Native, Relay Modern, TypeScript and Jest
Stars: ✭ 434 (+703.7%)
Mutual labels:  babel, jest
Express React Boilerplate
🚀🚀🚀 This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: ✭ 32 (-40.74%)
Mutual labels:  babel, jest
match-screenshot
A simple Jest or Chai matcher to compare screenshots, using Applitools Eyes
Stars: ✭ 14 (-74.07%)
Mutual labels:  jest, puppeteer
puppeteer-screenshot-tester
Small library that allows us to compare screenshots generated by puppeteer in our tests.
Stars: ✭ 50 (-7.41%)
Mutual labels:  jest, puppeteer

Marvel Heroes

Node.js CI Codecov Code Climate Maintainability Code Climate Test Coverage Prettier Airbnb Code Style

http://marvelheroes.s3-website.eu-west-3.amazonaws.com/ [1]

React app that displays the Marvel characters thanks to https://developer.marvel.com/

I use this app as a boilerplate and to demo JS web app best practices.

1. No HTTPS, no gzip, no cache...

HeroesPagination/Heroes component screenshot

HeroesPagination/Heroes component screenshot

Hero component screenshot

Hero component screenshot

How to run

npm run start
open http://localhost:8080

Libraries used

  • React with hooks
  • No Redux, just useState()
  • TypeScript with strict: true
  • Babel with @babel/preset-typescript
  • Jest + react-testing-library + Puppeteer => 100% code coverage
  • Fetch API + whatwg-fetch polyfill
  • React Router
  • Prettier + ESLint + stylelint
  • Bootstrap 4 + Purgecss
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].