Skip to content

Parthwebde12/frontend-playground

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸš€ Frontend Development Journey

Welcome to my Frontend Playground 🌐✨
This repository showcases everything I’ve learned in frontend development β€” starting from the basics of HTML, CSS, JavaScript to modern frameworks like Bootstrap and Tailwind CSS.


πŸ“š What I Learned

πŸ— HTML (Structure)

  • Semantic tags & layouts
  • Forms, tables, media embedding
  • Accessibility and SEO basics

🎨 CSS (Styling)

  • Box Model, Flexbox, Grid
  • Transitions & Animations
  • Responsive Design

⚑ JavaScript (Interactivity)

  • DOM Manipulation
  • Functions & Events
  • ES6+ features (let/const, arrow functions, template literals)
  • Mini projects (To-do App, Calculator, Clock)

🎭 Bootstrap (Rapid UI)

  • Grid system & utilities
  • Components: Navbar, Modal, Carousel, Cards
  • Mobile-first responsive design

🌈 Tailwind CSS (Utility-first)

  • Utility classes for instant styling
  • Custom themes, responsive breakpoints
  • Dark mode support

βš™οΈ Setup & Configuration

πŸ”Ή Requirements

  • Browser (Chrome/Edge/Firefox)
  • Code editor (VS Code recommended)
  • Node.js (if using Tailwind with npm)

πŸ”Ή How to Run

1. Open HTML files directly

  • Double-click any .html file to view in your browser.

2. Run with Live Server (Recommended)

  • Install Live Server extension in VS Code
  • Right-click index.html β†’ Open with Live Server

3. If using Tailwind with npm

npm install
npm run build

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published