Joke of the Day
Posted on 10 Nov 2022
Click on image to enlarge
Tech Stack
Frontend
HTML, CSS, JavaScript
Deployment
Heroku
Highlights
No jQuery
About
The idea for this project came about when I was figuring out how to showcase all the original jokes and riddles I came up with. Currently, I store them Google Docs. But I wanted to create a generator which shows a random joke. It will also have a button for users to view another joke without refreshing the screen.
There were 2 parts to this project: the jokes API and the interface. The jokes API was built by extending Davina’s CMS. It includes a route that pulls a random joke.
Initially, I built the interface as a separate HTML, CSS & JS project, but was unable to resolve the cross-origin errors. So I decided to built it into Davina’s CMS. It uses the blade template & CSS to load the interface, and uses JavaScript to load the joke from the random joke API route.
Featured Projects
A lame joke…
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat aliquid consequuntur ducimus id eligendi sequi sapiente est corrupti illum autem!
Nulla exercitationem tempore, molestiae laborum cum ullam culpa facere magni suscipit? Mollitia assumenda fugiat temporibus perferendis quaerat, error eum quasi.
Repellendus enim nemo similique, nobis hic sit dolor molestiae accusamus rem sequi dolorem est vitae corrupti! Dolorem sequi magni dolore.