๐ 30 Days of Frontend
Welcome to my #30DaysFrontend journey!
From 1 August 2025 to 25 September 2025, I challenged myself to learn and practice frontend development every single day.
This repository is a showcase of my daily progress, notes, and mini-projects.
๐ Overview
- Duration: 30 Days
- Focus Areas: HTML, CSS, JavaScript
- Goal: Strengthen fundamentals, build real projects, and stay consistent.
๐ ๏ธ What I Learned
โ
HTML & CSS
- Mastered semantic HTML tags, forms, and tables.
- Built responsive layouts using Flexbox and CSS Grid.
- Practiced animations, transitions, and reusable styles.
โ
JavaScript
- Covered core basics: variables, loops, functions, arrays, objects.
- Advanced concepts: DOM manipulation, events, ES6+ features, and
async/await.
- Worked with APIs using
fetch() and built interactive mini-projects.
โ
Hands-On Projects
Daily coding tasks and mini-projects that turned theory into real skills:
- ๐ฏ To-Do List App
- ๐ฆ๏ธ Weather Fetch App
- ๐ฒ Random Quote Generator
- ๐ Form Validation
- ๐ต Discount Calculator
- ๐งฎ Basic Calculator App
โก Key Takeaways
๐ฑ Progress isnโt about perfectionโitโs about persistence.
- Consistency beats speed.
- Small daily practice compounds into big improvements.
- Building projects is the best way to learn.
๐ฏ Next Steps
- Dive deeper into React.js for building dynamic UIs.
- Explore Node.js for backend skills.
- Create a personal portfolio to showcase all projects.
โจ Thank you for checking out my journey. Feel free to โญ this repo if it inspires you!