Frontend Web Development Practice

Welcome to my frontend web development practice repository! This is where I build and experiment with various projects to improve my skills in HTML, CSS, JavaScript, and modern frontend frameworks.

🚀 Projects

Below are the projects I'm working on. Each project is in its own folder and includes all the necessary files (HTML, CSS, JS) to run.

S. No.	Project Name	Description	Technologies Used
1	Basic Hero Section	A responsive hero section design for showcasing key information on a webpage.	HTML, CSS
2	Basic Landing Page	A landing page design to demonstrate modern web layout principles.	HTML, CSS
3	Tailwind Landing Page	A landing page design made using tailwind CSS	HTML, Tailwind-CSS
4	To-Do List App	A to-do list application built using vanilla JavaScript for managing tasks efficiently.	HTML, CSS, JavaScript
5	Quiz App	A simple interactive quiz game application with score tracking functionality.	HTML, CSS, JavaScript
6	Add Friend	A mini project focused on learning and manipulating the DOM using JavaScript.	HTML, CSS, JavaScript
7	Music Player	A functional music player with essential playback features for an enhanced user experience.	HTML, CSS, JavaScript

🛠️ Skills & Technologies

• HTML5: Semantics, Forms, Media elements
• CSS3: Flexbox, Grid, Animations, Responsive Design
• Tailwind CSS: Utility-first framework, Responsive Design, Customization
• JavaScript: DOM Manipulation, Event Handling, ES6+, Asynchronous JS
• Version Control: Git

🎯 Goals

• Practice core concepts of web development.
• Improve my problem-solving skills through real-world projects.
• Build a portfolio of projects that showcase my frontend abilities.

🔧 How to Run

To run any project:

1. Clone the repository:

   git clone https://github.com/adiba-anjum-26/frontend.git
   cd frontend

2. Navigate to the desired project directory:

   cd project-1

3. Open the index.html file in your browser.