{"id":6348,"date":"2024-10-26T17:33:45","date_gmt":"2024-10-26T17:33:45","guid":{"rendered":"https:\/\/harjotrocks.com\/mult124a3\/?page_id=6348"},"modified":"2025-05-28T22:31:13","modified_gmt":"2025-05-28T22:31:13","slug":"project","status":"publish","type":"page","link":"https:\/\/harjotrocks.com\/mult124a3\/project\/","title":{"rendered":"Project"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\"\"<\/figure>

JavaScript Projects<\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Discover a range of JavaScript projects by me, featuring interactive web applications, dynamic features, and innovative coding solutions that showcase my frontend development expertise<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
MERN Stack<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tMERN Stack – Web Chat App\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

PingMe, a real-time web chat application I built to enhance my skills in full-stack development. Built using the MERN stack<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Fun Project<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tMonster Manager\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

Monster Manager is a web app where users can create, view, and delete monsters. It lets users set details like name, rarity, and favorite status, all in an interactive interface.<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
React Native<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tNextStop – Bus Trasnit App\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

This React Native app helps users navigate public transportation efficiently, inspired by the Transit app. It provides an easy way to plan routes and access transportation details.<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Fun Project<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tPicFind\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

This image search tool uses the Unsplash API to find high-quality images. Users can search, filter by color, date, or orientation, and enjoy a clean, responsive interface<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
ReactJs<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tExpense Tracker\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

This React app helps users manage their finances by adding, viewing, and sorting expenses by date and type. It shows clear charts with Chart.js to track spending trends. Users can also check real-time exchange rates with CurrencyAPI. The app\u2019s design, using Bootstrap, works smoothly on all devices, making it perfect for managing daily, monthly, and categorized expenses<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Timers & Clock<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tDigital Clock – Your Real-Time Timekeeper\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

The Digital Clock is a modern and easy-to-read clock that shows the current time in real-time. It updates every second, so users always see the correct time. Built with basic web technologies, this clock can be added to any website, making it a useful and stylish tool for personal projects or apps.<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Timers & Clock<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tMini Calendar\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

Introducing the Mini Calendar, a sleek and straightforward tool designed to display the current date at a glance. In today’s<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Form & Input Handling<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tEmail Validator – Ensure Your Email’s Validity\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

The Email Validator is a simple tool that helps you check if an email address is valid. It quickly checks the email\u2019s format, domain, and deliverability. Using an external email validation API, it gives you instant feedback and suggestions to keep your contact list clean and reliable<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Utilities<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tYour Personal Password Manager\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

PassX is a password manager that securely stores and manages your passwords. It allows easy access, adding, viewing, and copying passwords, with data saved in your browser’s local storage.<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Form & Input Handling<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tCurrency Converter\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

The Currency Converter is an easy-to-use web app built with HTML, CSS, and JavaScript. Users can choose a currency, enter an amount, and see the exchange rate in real time using an external API.<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Fun Project<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tiDragon – A Thrilling JavaScript Game\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

iDragon is a fun game where players control a dino to dodge obstacles, score points, and test reflexes. Use arrow keys to move and jump, with exciting sound effects and music<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Timers & Clock<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tJavaScript Analog Clock\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

The Pure JavaScript Analog Clock is a beautifully designed digital clock that accurately represents the current time using rotating hour,<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Fun Project<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tTic Tac Toe Game\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

The Interactive Tic Tac Toe Game lets two players compete in a 3×3 grid. It includes a simple interface, feedback on wins, and sound effects for added fun.<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Utilities<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tAge Calculator Using JavaScript\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

The Age Calculator lets users pick their birth date and instantly displays their age in years, months, and days. It demonstrates JavaScript by calculating the difference with today\u2019s date.<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Utilities<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tCalculator with JavaScript\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

This project is a simple calculator made with HTML, CSS, and JavaScript. It can do basic math like addition, subtraction, multiplication, and division. The calculator has buttons for numbers, operators, and actions like clearing or deleting. Users can quickly enter and modify expressions and get results instantly by pressing the equal button.<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
UI Components<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tInteractive Drag-and-Drop\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

This Drag-and-Drop project lets users move items between sections. Built with HTML, CSS, and JavaScript, it\u2019s perfect for organizing content and offers an intuitive, interactive interface.<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Form & Input Handling<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tForm Validation with Real-Time Feedback\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

This JavaScript Form Validation project helps users enter correct information before submitting a form. It checks fields like Full Name, Phone Number, Email, and Message in real-time and shows error messages if the data is wrong. The form only submits when all fields are correctly filled, ensuring accurate data and a better user experience. This project is great for web developers who want to add client-side validation to their forms<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Utilities<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tJavaScript Notes App\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

The JavaScript Notes App is a simple and intuitive tool for taking, editing, and storing notes directly in your browser.<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Utilities<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tRandom Password Generator\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

The Random Password Generator creates strong, unique passwords with letters, numbers, and symbols. Users can quickly generate and copy passwords to improve account security.<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Utilities<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tQR Code Generator\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

This QR Code Generator creates scannable codes for any text or URL. It uses an external API to generate QR codes and includes input validation for easy, error-free use.<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Utilities<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tQuote Generator\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

This Quote Generator provides random motivational quotes with each click. Users can view quotes, see the authors, and easily share their favorites on Twitter.<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Timers & Clock<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tStopwatch\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

This Stopwatch app tracks time with a clean interface. It lets users start, stop, and reset the timer, displaying hours, minutes, and seconds, ideal for timing tasks.<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Form & Input Handling<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tText-to-Speech Converter\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

This Text-to-Speech app lets you type text and listen to it spoken aloud in different voices. Choose a voice, click ‘Listen,’ and hear the text in real-time.<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Utilities<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tSimple To-Do List App\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

This To-Do List app lets users add, mark, and delete tasks. It saves tasks in local storage, keeping your list updated even after a browser refresh.<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\"\"<\/div><\/a>\n\t\t\t\t
Utilities<\/div>\n\t\t\t\t
\n\t\t\t\t

\n\t\t\t\n\t\t\t\tWeather Forecast App\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t
\n\t\t\t

This Weather App provides current weather details like temperature, humidity, and wind speed for any city. It uses the OpenWeather API and updates icons based on weather conditions.<\/p>\n\t\t<\/div>\n\t\t\t\t\t

\n\t\t\n\t\t\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

JavaScript Projects Discover a range of JavaScript projects by me, featuring interactive web applications, dynamic features, and innovative coding solutions…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6348","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/pages\/6348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/comments?post=6348"}],"version-history":[{"count":12,"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/pages\/6348\/revisions"}],"predecessor-version":[{"id":7844,"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/pages\/6348\/revisions\/7844"}],"wp:attachment":[{"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/media?parent=6348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}