https://github.com/olavoparno/chuck-norris-quotes

Chuck Norris Quotes just for kicks!
https://github.com/olavoparno/chuck-norris-quotes

chuck chuck-norris chuck-norris-jokes hooks norris react styled-components unstated-next

Last synced: 1 day ago
JSON representation

Chuck Norris Quotes just for kicks!

• Host: GitHub
• URL: https://github.com/olavoparno/chuck-norris-quotes
• Owner: olavoparno
• License: mit
• Created: 2019-12-24T01:29:05.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T05:35:31.000Z (about 2 years ago)
• Last Synced: 2025-01-03T01:18:05.510Z (5 days ago)
• Topics: chuck, chuck-norris, chuck-norris-jokes, hooks, norris, react, styled-components, unstated-next
• Language: JavaScript
• Homepage: https://chucknorrisquotes.vercel.app/
• Size: 3.74 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 18
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Chuck Norris Quotes - Roundhouse just for kicks

[![Interfaced with React](https://d2eip9sf3oo6c2.cloudfront.net/tags/images/000/000/026/square_128/react.png "Interfaced with React")](https://reactjs.org/)

[![Unstated-Next](https://img.stackshare.io/service/10015/Screen_Shot_2018-12-07_at_10.23.58_AM.png "Unstated Next")](https://github.com/jamiebuilds/unstated-next/)

[![Built with Styled Components](https://jpoissonnier.gallerycdn.vsassets.io/extensions/jpoissonnier/vscode-styled-components/0.0.26/1553589418918/Microsoft.VisualStudio.Services.Icons.Default "Built with Styled Components")](https://styled-components.com/)

[![Maintainability](https://api.codeclimate.com/v1/badges/60025a70e05c9f133e0e/maintainability)](https://codeclimate.com/github/olavoparno/chuck-norris-quotes/maintainability)

### Motivation

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

### Online Demo

- Click here to get quotes -> [Chock Norris Quotes](https://roundhousekick.netlify.com/)

### 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 `/build` or run `npm start` to serve the project locally in development mode

### External Libs Used

1. [ismobilejs](https://github.com/kaimallea/isMobile) - [bundlephobia](https://bundlephobia.com/[email protected])

   - Gives a great way of knowing devices beforehand

2. [deep-object-diff](https://github.com/mattphillips/deep-object-diff) - [bundlephobia](https://bundlephobia.com/[email protected])

   - Great lib to dive into object differences

3. [styled-components](https://github.com/styled-components/styled-components) - [bundlephobia](https://bundlephobia.com/[email protected])

   - Chosen due to its simplicity in delivering independent and reusable styled components and its powerful ability to understand SASS like syntax

4. [unstated-next](https://github.com/jamiebuilds/unstated-next/) - [bundlephobia](https://bundlephobia.com/[email protected])

   - 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](./LICENSE).