Projects

• ⯈ Website Design System

Website Design System

This project showcases a fundamental implementation of HTML and CSS to create a visually appealing webpage. The webpage serves as a platform for displaying a range of colors along with their corresponding hex and RGB values. Additionally, it presents various fonts with their respective font styles, and provides text style examples for the p, h1, and h2 elements.

• ⯈ Tea Cozy

Tea Cozy

This project showcases the utilization of HTML and CSS, incorporating the design specification below as the foundation and employing flexbox as a key element in its layout.



• ⯈ Credit Card Checker

GitHub Repo

This project demonstrates my proficiency in JavaScript. The main focus of the project revolves around the validateCred() function, which takes an input array containing credit card numbers and applies the criteria for credit card validation. It accurately determines whether a credit card number is valid or not, and returns a boolean value as output. Additionally, the findInvalidCards() function plays a crucial role by iterating through a nested array of credit card numbers. It utilizes the validateCred() function to identify and extract the invalid credit card numbers, storing them in a new nested array that is subsequently returned.



• ⯈ Fitness App

GitHub Repo | Website

This is a web application developed with a technology stack that includes React for the front-end, Node.js/Express for the server-side, and uses a MySQL database. As a gym rat myself, I created this app to provide a convenient way to track workout progress and stay motivated. Once registering and logging in, you can estimate your calorie intake and expenditure. The dashboard is where most of the content is located. Here, you can update your weight, create and manage personalized workout routines, and track progress for individual exercises. Whether you're a fitness enthusiast or someone looking to start your fitness journey, this app is designed to help you achieve your goals and enjoy the process.

• ⯈ Card Game

GitHub Repo

This is a card game implemented in Python and played in the terminal. Each card in the game has three attributes: type, number, and color.

Types: Fire, Ice, Water
Numbers: 5-12
Colors: Red, Green, Yellow, Blue

At the beginning of the game, the deck is shuffled and divided equally between the player and the computer. In each round, the player is presented with a selection of three cards to choose from, while the computer also plays a card.



The comparison process starts by comparing the types of the cards. Fire beats Ice, Ice beats Water, and Water beats Fire. If the types are the same, the numbers on the cards are compared, with the higher number winning. In the case of a tie in both type and number, the round ends without a winner. Each round, the winning card is saved for the winner.



To win the game, a player must collect a specific set of three cards. The winning set is determined by both the type and color. The player must have either three cards of the same type or one card of each type, with distinct colors.



• ⯈ Django Delights

GitHub Repo | Website

This project is an app built using Python's Django framework. While the design maintains simplicity, the primary focus was on functionality. The website serves as a restaurant inventory management simulation. It enables users to track inventory stock, expenses, revenue, and profit as purchases are made. Upon visiting the homepage, you will find limited content until you register and log in. Once authenticated, you gain access to the various models. Each page allows you to add, update, or delete items as necessary. The inventory page facilitates the addition of items, their unit prices, and current stock levels. Similarly, the menu page allows the addition of menu items along with their respective prices. Furthermore, you can conveniently update the recipes for each menu item. When a customer makes a purchase, the purchase page records the transaction. In doing so, the inventory items used in the recipe are automatically deducted from the stock on the inventory page. As an overview, the report page tracks revenue from the purchases model and expenses from the inventory model. By subtracting the two, it presents the total profit generated.