Learning Challenges - SheCodes

Overview

A collection of web development challenges completed during the SheCodes workshop.
These projects showcase my progression from learning basic HTML and CSS to building interactive JavaScript websites.

---

Projects

1. Basic HTML Introduction

• Practiced headers, links, lists, and images

2. CSS Background Layout

• Practiced background images, div layout, and positioning headers

3. CSS Grid Image Gallery

• Practiced CSS Grid layout and aligning images

4. Dark Mode Toggle

• Practiced theme switching with JavaScript

5. HTML Form Practice

• Practiced creating input forms and collecting user data

6. Weather App V1

• Practiced displaying weather information

7. Button Practice

• Practiced adding buttons, styling, and triggering actions

8. Weather App V2

• Improved the first weather app with additional interactivity

9. User Input Prompt

• Practiced button-triggered prompts, conditional logic, and updating innerHTML

---

Tech Stack

• HTML
• CSS
• JavaScript (Vanilla JS)

---

How to View

1. Clone the repository:

   git clone https://github.com/yourusername/learning-challenges-shecodes.git
   

2. Open any project folder and open index.html in your browser.

Note: Most projects are frontend-only exercises. Buttons or forms may not send real data.

---

What I Practiced

• HTML structure and content
• CSS layout with Grid
• JavaScript interactivity and DOM manipulation
• Collecting user input via forms and prompts
• Conditional logic based on user input
• Theme toggling and dynamic UI updates
• Progressive development from simple exercises to interactive projects