Tom's phrases

Random quote generator

Homepage for the random quote generator

Project Overview

A small project I completed in the summer of 2021 as a birthday gift for my dad containing a collection of phrases he is accustomed to saying.

Technologies used




Page layout

Example of page layout

When a user enters the site, they are met with a quote and a button. The user has the ability to click on the 'Click Me' button to retirve a quote.

Data retrieval

Example of page layout

Data is gathered from the MongoDB database using the Fetch API after a user hits the 'Click Me' button.The response from the fetch request is then stored in an array using the React hook useState which is then displayed on the screen.