Full Stack Internship Showcase

This repository is now structured like a small showcase hub for internship practice work. Instead of feeling like a loose set of isolated exercises, the root of the project includes a visual landing page that helps you jump into the strongest HTML, CSS, JavaScript, DOM, Bootstrap, and React work quickly.

What Changed

• Added a root index.html showcase page that acts as the main entry point for the full folder
• Added styles.css and script.js to give the repository a more modern visual identity and scroll-based motion
• Rebuilt dom/dom.html into a polished DOM playground with selector demos, event logging, and live calculations
• Refreshed this README so the project reads more like a portfolio workspace

Best Entry Points

• index.html for the new internship showcase hub
• dom/dom.html for the upgraded DOM practice page
• webpage/index.html for the large storefront-style static UI
• React/project/README.md for the React application setup and route overview

Folder Structure

fullstack-internship/
|-- calculator/
|-- dom/
|-- form/
|-- img/
|-- js/
|-- notes & codes/
|-- React/
|-- Tak 3/
|-- Task 1/
|-- Task 2/
|-- theme/
|-- webpage/
|-- index.html
|-- styles.css
|-- script.js
`-- README.md

Project Areas

1. Showcase Hub

The new root index.html gives the repo a stronger presentation layer. It links to the main practice files and highlights the kinds of work inside the repository.

2. DOM Playground

dom/dom.html is now a more exciting learning page that still teaches the same concepts:

• DOM selection by ID, tag name, and class name
• style changes through JavaScript
• event handling with click, hover, input, and page load
• number calculations using user input
• live product total updates

3. Static Practice Pages

The repository still includes all of the original standalone practice work such as:

• forms
• tables
• calculator
• payment form
• employee dashboard
• shopping UI
• theme toggle
• CSS examples
• beginner HTML exercises

4. React Project

Inside React/project/ there is a larger Vite-based React learning app that explores:

• React Router
• reusable components
• context providers
• Material UI
• page-based feature experiments like notes, todos, cart, dashboard, and analytics

How To Use

Static files

Open any HTML file directly in a browser. The best starting point is:

index.html

From there you can click into the other tasks.

React app

cd React/project
npm install
npm run dev

Other scripts:

npm run build
npm run preview
npm run lint

Purpose

This repo is still a learning workspace, but it now presents that learning in a more confident way. The goal of the changes was not to erase the practice nature of the folder, but to make the folder feel more intentional, more visual, and more fun to explore.