Others
These are the rest of my fabulous works which i can proudly deploy
City Weather App
I'm really proud of this project. I spent hours perfecting the design to suit my taste, and I am very happy with the outcome. I leveraged FontAwesome and its icons extensively, and it really paid off. While creating the app, I realized that there are over 50,000 cities in the world, which led me to search for random city names. I had a great time making this app, and it really helped me understand the Fetch API and its usage. Overall, it's one of my best works. Be sure to check it out!
Tech Stack: HTML, CSS, JavaScript
A Pomodoro Timer
I forged this out of my love for gradients and newfound interest in glassmorphism. It's minimalistic, logic-heavy, and simple to use for any serious-minded person.
It’s not just pretty, it actually works.
Designed for focus, built for productivity, and perfect for serious-minded people who want to stay on track without distractions.
No fluff, just productivity (with a touch of finesse 😎).
I have a feeling you’ll love it.
Tech Stack: HTML, CSS, JavaScript
Rating Ui
This React Rating UI started as a Traversy Media tutorial but got a full design makeover. I added a turquoise gradient background, glassmorphism effects, and soft blurred blobs for depth. It features a 5-star interactive rating system with smooth animations, feedback messages, and a polished, responsive layout. Built with reusable React components, styled in pure CSS, and deployed on Vercel — it’s now a standout piece in my portfolio.
Tech Stack: React.js, CSS, JavaScript
Futurixx Mall
This is just a figment of my imagination! 😂. I created this project at freeCodeCamp during my JavaScript course. I wasn't happy with the user interface, so I copied the code once I finished. Then, I came up with the best ideas for how to use it, generated AI images with Grok of the products I envisioned for the future, and turned it into this amazing project. I really love it, and I hope you do too! 💕
Tech Stack: HTML, CSS, JavaScript
LeetCode-Explorer
LeetCode-Explorer is a web application designed to help users explore and practice coding problems from LeetCode. It provides a user-friendly interface for searching, filtering, and viewing coding challenges, along with their solutions and explanations.
Tech Stack: HTML, CSS, JavaScript
Rock Paper Scissors Game
This is another midnight storm project I completed in a seven-hour sprint. I made sure to leave no stone unturned in order to create the perfect project, and it was truly worth it. I watched several YouTube videos for inspiration and gathered a variety of ideas, resulting in this masterpiece. This project demonstrates that I don't just push projects; I polish until the very end. It’s another FreeCodeCamp project that I leveraged and upgraded to this level. Pro tip: Don't attempt the hard level 😁; it's rigged!
Tech Stack: HTML, CSS, JavaScript
A Telephone Number Validator
I really went all out on this project! What may look like a phone is actually created using HTML and pure CSS. That’s all there is to it! 😁
Additionally, it checks and validates USA phone numbers using regular expressions. This project was a requirement for me to earn my JavaScript certificate. Check it out!
Tech Stack: HTML, CSS, JavaScript
A Pokemon Search App
This is a Pokemon Search App that allows users to search for their favorite Pokemon and view detailed information about them. It fetches data from the PokeAPI and displays stats, images, and abilities in a user-friendly interface. Great for Pokemon enthusiasts and anyone learning API integration!
Tech Stack: HTML, CSS, JavaScript
A Markdown Previewer
This project is a Markdown Previewer that allows users to write and preview Markdown content in real-time. It provides a simple and intuitive interface for creating formatted text, making it easy to write documentation, notes, or any other content using Markdown syntax.
Tech Stack: HTML, CSS, JavaScript
Jokes Generator App
This project is a Jokes Generator App that fetches random jokes from an API and displays them to the user. It provides a fun and interactive way to enjoy jokes, making it a great addition to any entertainment-focused application.
Tech Stack: HTML, Bootstrap CSS, JavaScript
Calculator
This is a simple calculator that I built to practice my JavaScript skills. It has basic arithmetic operations and a clean user interface. I used HTML, CSS, and JavaScript to create this project, and it was a great way to reinforce my understanding of DOM manipulation and event handling.
Tech Stack: HTML, CSS, JavaScript
A ToDo List App
This project is a ToDo List App that allows users to manage their tasks efficiently. It provides a simple and intuitive interface for adding, editing, and deleting tasks, making it easy to stay organized and productive.
Tech Stack: HTML, CSS, JavaScript
A Palindrome Checker
This is a Palindrome Checker web app that allows users to input a word or phrase and instantly see if it is a palindrome. It ignores punctuation, spaces, and capitalization, making it easy to check any text. Great for learning about string manipulation and logic in JavaScript!
Tech Stack: HTML, CSS, JavaScript
A Roman Numeral Converter
This project is a Roman Numeral Converter that allows users to convert numbers to Roman numerals and vice versa. It provides a simple interface for inputting numbers and displays the corresponding Roman numeral or integer value, making it easy to understand and use.
Tech Stack: HTML, CSS, JavaScript
Simple Login Page with Bootstrap
This project is a simple login page designed using Bootstrap. It provides a clean and responsive interface for users to log in to their accounts, ensuring a smooth user experience across different devices.
Tech Stack: HTML, Bootstrap CSS, JavaScript
A Cash Register
This project is a cash register application that simulates a basic cash register system. It allows users to input items, calculate totals, and manage transactions, providing a practical example of handling user input and performing calculations in JavaScript.