cioran0 / chuckfact

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

Home Page:https://chuckfact.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

https://chuckfact.com


Languages

Language:JavaScript 39.7%Language:CSS 36.7%Language:TypeScript 14.1%Language:HTML 9.6%