Quote of the times

Quote of the Times is a responsive web application that delivers inspirational and thought-provoking quotes through a clean and interactive user interface. The project was designed to strengthen my front-end development skills while working with JavaScript, JSON data, responsive design, and browser APIs. It evolved from a simple quote generator into a feature-rich application focused on usability and performance. Created Playwright testing framework that is public to automate testing of every function created, and to catch errors in earlier building stages.

Link to Github:

Technologies Used:
HTML5 | CSS3 | JavaScript (Es6+) | JSON | Local Storage API | Clipboard API | Git | Github | Playwright

Key Features

Displays random inspirational quotes every 10 seconds | Like button to saves quotes in same session to re-read | copy button to copy any quote that appears | default view with alternate background to switch from depending on mood

Challenges

One of the biggest challenges was ensuring the website displayed consistently across different browsers and mobile devices. During development, I also encountered deployment and caching issues after hosting the project, which required troubleshooting browser caching, Cloudflare caching, and deployment configuration to ensure users always received the latest version of the application.

Future Improvements

Fetch Quotes from a live REST API | Search Function for quotes | Add quote section where I will review and add quote every user sends to me | Filtering options | Daily quote notification as user base grows

Link to Website: Quote of the Times

Screenshots

The JS Utility Toolkit is a collection of interactive web-based utilities designed to simplify common everyday tasks for developers and users. Built with HTML, CSS, and JavaScript, the project focuses on creating fast, responsive, and user-friendly tools while reinforcing core front-end development concepts.

Link to Github:

Technologies Used:
HTML5 | CSS3 | JavaScript (ES6+) | JSON | Git | Github | Wasmer | Playwright

Key Features

Interactive calculator for basic arithmetic operations | Text Analyzer with word, character, and sentence statistics | Unit Converter supporting multiple measurement conversions | JSON Formatter for validating and formatting JSON data | Modular JavaScript structure for maintainability

Challenges

One of the biggest challenges was designing multiple independent tools while keeping the codebase organized and easy to maintain. I also focused on handling user input safely, validating data, and ensuring each utility behaved consistently across different browsers and screen sizes.

Future Improvements

Additional developer utilities (Base64 Encoder/Decoder, UUID Generator, Regex Tester) | Save button to save JSON | More Calculations to each section

Link to Website: JS Utility Toolkit

Screenshots