My_Projects

My_Projects is a personal collection of learning projects, mini-apps, and UI experiments built while exploring frontend development concepts. Instead of being a single application, this repository acts as a workspace of small independent projects covering vanilla JavaScript, API-based apps, React work, and a few larger structured demos.

Repository Overview

This repo includes projects focused on:

• DOM manipulation and event handling
• API integration and dynamic rendering
• Form validation and state management
• Small game and utility app development
• React app structure and component-based UI

Most folders at the root are standalone projects with their own source files and setup.

Project Types

Vanilla JavaScript mini-projects

Projects like digital-clock, stopwatch, leaderboard, signup-page, and javascript-analog-clock are lightweight apps built to practice core HTML, CSS, and JavaScript fundamentals.

API-driven apps

Projects such as MovieSearch-App, github-finder, Crypto-Search-Application, img-search-app, and PhoneHuntingAPI focus on fetching remote data and rendering it in the browser.

Structured JavaScript projects

Folders like Project-Sticky-Notes and nested_comment go beyond basic scripts and explore UI logic, state handling, and more maintainable code organization.

React-based projects

Projects including google-drive-clone, fromik-and-yup, and movie-booking-web-app explore component-based development, form workflows, and richer app architecture.

Notable Projects

• google-drive-clone - React-based app structure with Firebase integration
• fromik-and-yup - form validation demo using React, Formik, and Yup
• Project-Sticky-Notes - note-taking app with separated model/view/controller-style logic
• nested_comment - nested comment UI built with dynamic DOM handling
• MovieSearch-App - movie search experience powered by an external API

Repository Structure

Each project usually lives in its own folder and may contain files such as:

• index.html
• style.css
• script.js
• src/
• package.json

Some projects are plain frontend apps, while others use bundlers or React tooling.

How To Explore This Repo

If you're new to the repo, a good path is:

1. Start with a vanilla JavaScript project like digital-clock or stopwatch
2. Move to an API-based app like github-finder or MovieSearch-App
3. Explore Project-Sticky-Notes or nested_comment for more structured logic
4. Finish with React projects such as google-drive-clone or movie-booking-web-app

Purpose

The goal of this repository is to document hands-on learning through small, practical builds. It reflects experimentation, practice, and gradual growth across different frontend topics and project styles.