Projects

From 'Hello World' to the App Store. A digital paper trail of my evolution, one bug fix at a time.

React Native

5 items

Spin the Wheel : Pick for me

A customizable random picker and decision maker for fun topics, games, and challenges.

Play Store Source

CodeRespite

A learning companion to practice and sharpen HTML, CSS, JS, and React skills through interactive quizzes.

Play Store Source

AI Icebreaker: Question Games

An AI-powered conversation starter app that generates dynamic follow-up questions for social gatherings.

Play Store App Store Source

Cheesy Lines

A fun entertainment app featuring hundreds of categorized pick-up lines to share and enjoy.

Play Store Source

Trivia Quest AI

An engaging trivia game with AI-generated questions across multiple categories like Science, Tech, and History.

Play Store Source

react

5 items

Expense Tracker App

Tracks daily expenses using React, allowing users to input transactions and view spending summaries over time.

Live Demo Source

NetflixGPT

A React app inspired by Netflix, offering movie browsing, detailed information, and a sleek, user-friendly UI.

Live Demo Source

Swiggy

A React-based clone of Swiggy's food delivery app, showcasing restaurant menus and enabling order placement.

Live Demo Source

Todo List

A straightforward React app for managing tasks, allowing users to add, edit, and delete to-do items.

Live Demo Source

Weather App

Displays current weather data using React, fetching real-time information from a weather API for user-selected locations.

Live Demo Source

javascript

49 items

2D Breakout Game

A classic 2D arcade game where players use a paddle to bounce a ball and break bricks.

Live Demo Source

Age Calculator

Calculates a person's age from their birthdate, providing years, months, and days elapsed since birth.

Live Demo Source

Bookly

A simple digital book cataloging app allowing users to add, remove, and manage book entries efficiently.

Live Demo Source

Canvas

A basic drawing app where users can create and edit simple illustrations using HTML5 canvas technology.

Live Demo Source

Cash Register Project

Simulates a cash register, calculating change owed to customers based on input amounts and total purchase costs.

Live Demo Source

Dice Roll Simulator

Simulates rolling dice, displaying random results for a given number of dice with standard six sides.

Live Demo Source

Gallery

Displays a collection of images in a gallery format, allowing users to view thumbnails and full-size pictures.

Live Demo Source

GitHub Account Finder

Fetches and displays GitHub user profiles by username, including public repositories, followers, and other account details.

Live Demo Source

JavaScript Quiz

A basic quiz app testing JavaScript knowledge, presenting multiple-choice questions and scoring user answers.

Live Demo Source

Notice Board

A digital bulletin board for posting and viewing announcements, supporting text entries with timestamps.

Live Demo Source

Pokemon Search App

Searches and displays detailed information about Pokémon, including type, abilities, and stats, using an external API.

Live Demo Source

Pomodoro Timer

Implements a productivity timer using the Pomodoro Technique, alternating work and break periods with customizable durations.

Live Demo Source

Quotes Infinite Scroll

Loads and displays an endless list of inspirational quotes, fetching more automatically as you scroll down the page.

Live Demo Source

Recipe Book App

Organizes and displays recipes, allowing users to read about their favorite dishes and ingredients.

Live Demo Source

Roman Numeral Converter

Converts numbers between Roman and numerals, providing an easy way to understand ancient numbering systems.

Live Demo Source

Simple Stopwatch

A basic stopwatch to measure time intervals, with start, stop, and reset functionality, perfect for quick tasks.

Live Demo Source

Social Media Selector Menu

Allows users to select and customize social media icons for integration into websites or personal projects.

Live Demo Source

Splash Image

Displays an engaging splash screen with an image and text, often used for app introductions or loading screens.

Live Demo Source

Step Progress Bar

Visualizes progress in multi-step processes, guiding users through a sequence of tasks with clear completion indicators.

Live Demo Source

Sticky Nav

Creates a navigation bar that remains fixed at the top of the viewport when scrolling down the page.

Live Demo Source

Tabs Project

Implements tabbed navigation to organize content into separate sections, improving user interface and accessibility.

Live Demo Source

Telephone Number Validator

Validates telephone numbers to ensure they meet specific format requirements, enhancing form input accuracy.

Live Demo Source

Temperature Converter

Converts temperatures between Celsius, Fahrenheit, and Kelvin, with user input for versatile temperature-related tasks.

Live Demo Source

Testimonial Slider

Displays rotating testimonials or reviews from users, enhancing website credibility with interactive sliding functionality.

Live Demo Source

Tip Calculator

Calculates the tip and total bill amount based on user input, simplifying dining experiences for groups and individuals.

Live Demo Source

Video Trailer Popup

Displays a video trailer in a popup window, offering a quick and engaging way to preview multimedia content.

Live Demo Source

Weight Converter

Converts weights between different units such as pounds, kilograms, providing useful calculations for various contexts.

Live Demo Source

Rock Paper Scissors

A simple game where the player competes against the computer by choosing rock, paper, or scissors in a best-of-three match.

Live Demo Source

Palindrome Checker

Checks if a given string reads the same backward as forward, ignoring spaces, punctuation, and capitalization.

Live Demo Source

Character Counter

It restrict user from entering more than the desired value in input field, in this project maximum value is 50, but it can be changed according to need

Live Demo Source

Sidebar Menu

Sidebar menu opens on left side

Live Demo Source

Word Counter

This program counts the number of words and letters.

Live Demo Source

Calorie Counter

A web app that tracks daily caloric intake using JavaScript, helping users manage their diet and health.

Live Demo Source

Todo App

A simple task management app that allows users to create, edit, and delete to-do lists using JavaScript.

Live Demo Source

Statistics Calculator

A JavaScript-based calculator for performing basic statistical calculations like mean, median, and mode.

Live Demo Source

Spreadsheet

An online spreadsheet application that uses JavaScript for managing and manipulating tabular data.

Live Demo Source

Spam Filter

A JavaScript project that detects and filters out spam messages based on predefined rules.

Live Demo Source

Shopping Cart

A JavaScript-based shopping cart system to manage products, quantities, and calculate total prices.

Live Demo Source

Role-Playing Game

A JavaScript game where players take on roles, complete quests, and battle enemies.

Live Demo Source

Platform Game

A JavaScript-powered platform game with multiple levels, characters, and challenges.

Live Demo Source

Number Sorter

A simple tool that sorts numbers in ascending or descending order using JavaScript.

Live Demo Source

Music Player

A JavaScript-based music player that plays and manages audio tracks, including playlist functionality.

Live Demo Source

Football Team Cards

A JavaScript project to display football team stats and player information in a card format.

Live Demo Source

FCC Forum Leaderboard

A leaderboard for the FCC forum displaying user ranks and scores, built using JavaScript.

Live Demo Source

FCC Author Page

A JavaScript project that showcases articles and author profiles on an FCC Author Page.

Live Demo Source

Dice Game

A simple dice game that uses JavaScript for game mechanics and random number generation.

Live Demo Source

Date Formatter

A JavaScript tool for formatting and manipulating dates in various formats.

Live Demo Source

Binary Converter

A converter tool that uses JavaScript to switch between binary and decimal number systems.

Live Demo Source

Random Emoji Generator

Discover and display random emojis with this interactive JavaScript application. Click to generate a new emoji each time!

Live Demo Source

responsive

20 items

Portfolio Page

A personal portfolio page showcasing projects and skills, demonstrating responsive design techniques learned in FreeCodeCamp.

Live Demo Source

Product Landing Page

A mock product landing page with responsive layouts, highlighting features and calls to action, crafted as a FreeCodeCamp project.

Live Demo Source

Survey Form

A simple, responsive survey form for collecting user input, focusing on form elements and layout practices.

Live Demo Source

Technical Documentation

A technical documentation page featuring sections, lists, and code examples, demonstrating structured content presentation.

Live Demo Source

Tribute Page

A tribute page dedicated to a notable figure, highlighting biography and achievements with a responsive design.

Live Demo Source

Balance Sheet

A responsive balance sheet page designed to showcase financial information, utilizing tables and structured data presentation.

Live Demo Source

Camper Cafe

A simple webpage for a fictional cafe, demonstrating the use of responsive design principles to create an attractive and functional layout.

Live Demo Source

Cat Painting

A project featuring a gallery of cat paintings, focusing on responsive image handling and layout practices.

Live Demo Source

Cat Photo App

A responsive web page for a cat photo application, incorporating flexible layouts and responsive images.

Live Demo Source

City Skyline

A responsive webpage showcasing a city skyline, utilizing CSS for creating visual designs and responsive layouts.

Live Demo Source

Colored Markers

A page highlighting a collection of colored markers, focusing on responsive grid layouts and image presentation.

Live Demo Source

Ferris Wheel

A project depicting a ferris wheel, designed to practice responsive layouts and positioning techniques.

Live Demo Source

Flexbox Photo Gallery

A photo gallery created using Flexbox, demonstrating responsive image grids and flexible layouts.

Live Demo Source

HTML CSS Quiz

A simple quiz page built with HTML and CSS, focusing on form elements and responsive design.

Live Demo Source

Magazine

A responsive magazine-style layout, showcasing articles and images with a focus on typography and responsive design.

Live Demo Source

Nutrition Label

A project featuring a nutrition label, designed to practice responsive typography and data presentation.

Live Demo Source

Penguin

A simple webpage featuring a penguin illustration, focusing on responsive design and layout practices.

Live Demo Source

Piano

A responsive webpage showcasing a piano, designed to practice layout techniques and responsive design.

Live Demo Source

Registration Form

A simple, responsive registration form designed to collect user input, focusing on form elements and layout practices.

Live Demo Source

Rothko Painting

A project featuring a Rothko-style painting, focusing on CSS design techniques and responsive layout.

Live Demo Source

Next.js

1 items

Anime Vault

A Next.js application that provides a comprehensive database of anime, allowing users to search, filter, and explore various anime titles with detailed information.

Live Demo Source