Personal repository for learning and practicing web components techniques through daily coding exercises.
- Daily practice with web components and layouts
- Building a personal library of reusable components and ideas
- Documenting learning progress
- Experimenting with web techniques
| Day | Component | Main Concept |
|---|---|---|
| 1 | Simple form | Vanilla JS, Form Validation |
| 2 | Simple Skeleton | Vanilla JS, Skeleton, DOM |
| 3 | Hover Text Animation | CSS Animation, CSS Selector |
| 4 | Google Style Input | CSS Selector |
| 5 | Newsletter Section | DOM, Email Validation, Repository |
| 6 | Scroll Down Image on Hover | CSS Transition |
| 7 | Simple Quote | CSS Flexbox |
| 8 | Grid Section | CSS Layout, Data Fetch |
| 9 | Frosted Glass Effect | CSS Grid, CSS Background |
| 10 | Textarea Component | CSS Nesting, JS Event Listener |
| 11 | Underneath Footer | CSS z-index Overlapping |
| 12 | Grid Responsive | CSS Grid Template |
| 13 | Toast Component | CSS Flex-Box, Positioning |