Build a simple JavaScript calculator with DOM event handling, modular patterns, and clean UI logic. Perfect for learning core Vanilla JS fundamentals.
-
Updated
Mar 6, 2026 - JavaScript
Build a simple JavaScript calculator with DOM event handling, modular patterns, and clean UI logic. Perfect for learning core Vanilla JS fundamentals.
First frontend project for practicing web-prototype, html, css and javascript
Some Basic Projects From My Initial Days :)
🌐 An intensive 15-day bootcamp dedicated to learning the essentials of web development. This repository features projects and exercises created during the course, focusing on core concepts like HTML and CSS.
A lightweight, accessible Tabbed Content UI component built with Vanilla JavaScript and CSS Animations. It provides a clean way to organize related content into a single viewport, improving user experience by reducing page scrolling.
Royal Stones is a preserved legacy React application built with Create React App, maintained as a reference for earlier development practices. It showcases foundational frontend architecture, component structuring, and deployment workflows from an initial phase of learning and building.
A React 19 form laboratory: Comparing Controlled (useState) vs. Uncontrolled (useRef) inputs with real-time validation, performance analysis, and DOM-access patterns.
A JavaScript practice project demonstrating API usage with Axios. Fetches fake user details, random dog images, and college data using query parameters. Includes async/await handling, dynamic DOM updates, and clean UI structure for learning modern JS concepts.
A simple project demonstrating the differences between HTML block-level (<div>) and inline-level (<span>) elements
A visual-focused landing page clone of Zara, created using HTML and custom CSS to practice image layouts and styling.
Practice problems and course tasks from my Web Technology course using HTML, CSS, JavaScript, and PHP.
A simple JavaScript Todo List app built to practice DOM manipulation and event handling. Tasks can be added and deleted dynamically with a clean, minimal UI. Includes lightweight HTML, CSS, and JS—perfect for learning core frontend concepts.
A simple JavaScript project that generates a random RGB color on each button click. The color is displayed as text and applied as the background of a div. A beginner-friendly DOM events, functions, and styling practice project.
A simple JavaScript practice project that mirrors user input in real time. Built using basic DOM manipulation and event listeners. Includes a minimal UI with HTML, CSS, and JS. Created as part of my learning exercises.
This repo contains all my JavaScript learnings and mini projects. It’s mostly about core JavaScript concepts- no fancy styling, just pure JS practice. From basic syntax to DOM manipulation, everything I worked on during the course is here. Useful for quick references and keeping my JS skills sharp.
Structured repository for learning and practicing core web technologies including HTML, CSS, JavaScript, and modern frontend development concepts.
A nostalgic look at my web development beginnings. This Dogger landing page clone represents my first steps into HTML structure and CSS styling. A reminder of how far the journey has come since the first line of code.
Add a description, image, and links to the frontend-basics topic page so that developers can more easily learn about it.
To associate your repository with the frontend-basics topic, visit your repo's landing page and select "manage topics."