Skip to content

react-bootstrap Chuck Norris FACT website using the chucknorris.io API

Notifications You must be signed in to change notification settings

cioran0/chuckfact

Repository files navigation

chuckfact

Hey! So here's the code for the production build of react chuckfact.com website using chucknorris.io API. I used axios to access the API in REACT. You can look at the relevant REACT source from the development build in the src folder. Not for profit, not related to or in any way endorsed by Chuck Norris, just a fan demonstrating some front end skills using an api that is free.

Uses REACT-BOOTSTRAP Features:

  1. Light/Dark theme
  2. Responsive Design (rounded picture highlights it, but bootstrap breakpoints are used obviously)
  3. Accessibility - alt tags/contrast
  4. Uses Axios to pull from the chucknorris.io api
  5. Searches api, and uses an RNG to pick a value from the returned array
  6. Uses an imported toggle react component (code is about teamwork and using tools)
  7. Chuck Norris Facts
  8. Dark theme Color palette inspired largely by VS Code
  9. DEPRECATED Was deployed using vercel cloud PaaS
  10. Was redeployed from hosting after a registrar change on the chuckfact.com domain

So basically, shows I can do front end work. Also, and perhaps more importantly, I like Invasion USA and Delta Force II. A lot.

Have a nice day! Mike

P.S. Special thanks to the awesome guy who does the chucknorris api @matchilling

P.P.S Don't use this for profit, claim credit (my name is on the website), or anything bad.

P.P.P.S. Special birthday dedication to Ramsey.

About

react-bootstrap Chuck Norris FACT website using the chucknorris.io API

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published