🚀 Zenmisan's Code Journey

Days 1-5: Tribute Page - Semantic HTML Structure

Technologies: HTML, CSS

What I Learned: Semantic HTML elements, proper document structure, accessibility, and basic styling

Days 6-7: Layout Practice - CSS Fundamentals

Technologies: HTML, CSS

What I Learned: CSS layout techniques, Flexbox, responsive design principles

Days 8-9: Web Design - Styling Fundamentals

Technologies: HTML, CSS

What I Learned: CSS styling best practices, color theory, typography, and visual hierarchy

Day 10: JS Logic - JavaScript Fundamentals

Technologies: JavaScript

What I Learned: JavaScript basics, console operations, variable declarations, basic logic

Note: Open console (F12) to see the output

Day 11: Dark Mode Toggle - DOM Manipulation

Technologies: HTML, CSS, JavaScript

What I Learned: DOM manipulation, event listeners, state management, dynamic CSS updates

Day 12: Black Knights DB - JavaScript Objects

Technologies: JavaScript

What I Learned: Objects, data structures, object methods, data manipulation

Day 13: FinTech Calculator - Pure Functions & Logic

Technologies: JavaScript

What I Learned: Pure functions, financial calculations, algorithm design, function composition

Day 14: Advanced Calculator - Complex Logic

Technologies: HTML, CSS, JavaScript

What I Learned: Complex algorithm implementation, advanced JavaScript patterns, performance optimization

Day 15: Interactive Application - Advanced DOM

Technologies: HTML, CSS, JavaScript

What I Learned: Complex user interactions, event delegation, state management, dynamic content

Day 16: Weather App - API Integration

Technologies: HTML, CSS, JavaScript, REST API

What I Learned: Fetch API, async/await, error handling, external data integration, real-time updates

Day 17: Project Showcase - Full-Featured App

Technologies: HTML, CSS, JavaScript

What I Learned: Project organization, combining multiple techniques, professional code structure

Day 19: Neon Sign - CSS Animations & Effects

Technologies: HTML, CSS (with CSS Variables)

What I Learned: CSS animations, CSS variables, visual effects, transforms, transitions

Day 21: Task List - Local Storage & Persistence

Technologies: HTML, CSS, JavaScript, Local Storage

What I Learned: LocalStorage API, CRUD operations, data persistence, task management patterns

Day 22: Circle Geometry - JavaScript Modules

Technologies: HTML, CSS, JavaScript (ES6 Modules)

What I Learned: JavaScript modules, code organization, mathematical calculations, module imports/exports, geometry algorithms

Day 23: Crypto Analyzer - Data Dashboard

Technologies: HTML, CSS, JavaScript

What I Learned: Data filtering, dynamic UI updates, dashboard design, portfolio analytics, financial data visualization

Day 24: Async Patterns - Loading & Error States

Technologies: HTML, CSS, JavaScript

What I Learned: async/await workflows, loaders, graceful error handling, conditional rendering of content

Day 25: TaskMaster Pro - Modular Task App

Technologies: HTML, CSS, JavaScript (ES Modules)

What I Learned: module-based architecture, local storage management, UI state, live stats and filtering

Day 26: React Intro - Component Foundation

Technologies: React, JSX, Vite

What I Learned: React component structure, JSX syntax, Vite setup, component reusability, functional components

Day 27: React Data Flow - Props & Communication

Technologies: React, JSX

What I Learned: Component props, data flow, parent-to-child communication, prop destructuring, component composition

Day 28: React Memory - State Management

Technologies: React, useState Hook

What I Learned: useState hook, state management, component re-rendering, interactive UI, stateful components

Day 29: React Forms & Events - User Input

Technologies: React, Event Handlers

What I Learned: Controlled forms, event handling in React, form validation, user input management, onChange handlers

Day 30: React Project - Full Application

Technologies: React, Complete App

What I Learned: Building a complete React application, combining all learned concepts, project structure, component architecture

Day 31: React Lists & Keys - Dynamic Content

Technologies: React, Array Methods

What I Learned: Rendering lists with map(), key prop importance, dynamic list rendering, array manipulation in React

Day 32: React Side Effects - useEffect Hook

Technologies: React, useEffect Hook

What I Learned: useEffect hook, side effect management, lifecycle methods, data fetching, cleanup functions, dependency arrays

Day 33: React useRef - DOM References

Technologies: React, useRef Hook

What I Learned: useRef hook, direct DOM manipulation, ref forwarding, persisting values across renders, uncontrolled components

Day 34: React Custom Hooks - Hook Creation

Technologies: React, Custom Hooks, API Integration

What I Learned: Creating custom hooks, hook composition, reusing hook logic, custom hook patterns, API fetching with hooks

Day 35: React Router - Client-Side Navigation

Technologies: React, React Router, BrowserRouter

What I Learned: React Router setup, BrowserRouter, Routes and Route components, Link navigation, client-side routing, SPA navigation patterns

Day 36: Dynamic Routes - URL Parameters

Technologies: React, React Router, useParams

What I Learned: useParams hook, dynamic route segments, URL parameter extraction, building dynamic pages, user profile routing patterns

Day 37: Context API - Global State Manager

Technologies: React, Context API, useContext

What I Learned: createContext, Provider pattern, useContext hook, global theme state, avoiding prop drilling, consumer components

Day 38: useReducer - Finance Tracker

Technologies: React, useReducer, Context API

What I Learned: useReducer hook, reducer functions, action dispatching, complex state transitions, combining Context with useReducer