CV Builder

This project demonstrates the application of React features, leveraging its renowned hook 'useState' to efficiently manage variable states throughout the application. Extensive efforts were dedicated to ensuring responsiveness across various devices. Rigorous testing on smartphones was conducted during development using Chrome DevTools to ensure seamless user experience across different screen sizes.

Local Library

In this project, we have developed a foundational version of a dynamic book library site utilizing the Express.js framework. The project directory structure was established using the Express generator template, ensuring an organized and scalable codebase. PugJS serves as the view template engine, facilitating dynamic content updates and enhancing user interaction.

Private Chatbox

The "Private Chat Box" project leverages the expressJS framework to develop a sophisticated chat application. Users gain access to a dynamic chat interface where they can engage in real-time communication. By seamlessly integrating expressJS capabilities with advanced user authentication and access management, the "Private Chat Box" project offers a secure and customizable environment for seamless communication, catering to both standard users and exclusive members.

Shopping Cart

In this project, we've implemented a mock shopping cart to delve into the intricacies of Single Page Applications (SPAs) utilizing React Router. The architecture is crafted with Vite + ReactJS, offering a streamlined and efficient development environment.

Todo App

This project focuses on implementing JavaScript S.O.L.I.D principles to enhance code maintainability and scalability. It dynamically generates content using JavaScript and utilizes Webpack for rendering. Inspired by this todoist, the user interface enables the creation and deletion of todo projects, with tasks displayed under each project. Users can add, edit, and delete tasks, with due dates customizable via a date picker.

Weather Forecast App

The Weather App is a mini project designed to provide users with real-time weather updates, leveraging data from WeatherAPI.com through built-in fetch promises. This application enables users to input city or state names and retrieves and displays limited weather data, optimized for free tier usage

Admin Dashboard

This project prioritizes learning and implementing the Grid Layout technique over other methods like Flex Box. The webpage is designed to be responsive, adapting seamlessly to various browser sizes and dimensions. Custom color modifications are applied for visual consistency.

Battleship Game

This application focuses on the development of the classic Battleship game, a renowned war game cherished by many. Forming an integral part of The Odin Project's full-stack web development curriculum, this project aims to provide hands-on experience in JavaScript testing using Jest, a popular testing framework.

Tic Tac Toe

This project implements the classic tic-tac-toe game using HTML, CSS, and vanilla JavaScript. It utilizes factory functions and modules to enhance code cleanliness, readability, and encapsulation. The game offers two playing modes: Player vs Player (P vs P) mode, and Player vs Computer (P vs COMP) mode. The AI employs the renowned minimax algorithm, making it unbeatable and providing a challenging gaming experience.

Restaurant Page

The Restaurant Page project utilized webpack for bundling JavaScript modules into a single file and dynamically generated content with vanilla JavaScript. Google API was used for map location, secured via a .env file managed by webpack's "dotenv-webpack" package.