Skip to content

olavoparno/chuck-norris-quotes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Chuck Norris Quotes - Roundhouse just for kicks

Interfaced with React Unstated-Next Built with Styled Components

Maintainability

Motivation

  • Chuck Norris Quotes project for Guia Bolso front-end challenge.

Online Demo

Setup Development Environment

  1. Clone the project from https://github.com/olavoparno/chuck-norris-quotes
  2. Run npm install to install the project dependencies
  3. Run either npm run build to build the project into <rootDir>/build or run npm start to serve the project locally in development mode

External Libs Used

  1. ismobilejs - bundlephobia
    • Gives a great way of knowing devices beforehand
  2. deep-object-diff - bundlephobia
    • Great lib to dive into object differences
  3. styled-components - bundlephobia
    • Chosen due to its simplicity in delivering independent and reusable styled components and its powerful ability to understand SASS like syntax
  4. unstated-next - bundlephobia
    • Incredibly small state management lib using hooks

TODO

  • Components unit tests
  • Better componentization definition
  • Feature some sort of meme images alongside quotes

Contributing

  • Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT licensed.