🚀 100 Days of Flutter Challenge

100 days. 100 videos. 100 lessons. Zero days off.

Every single day — coded, edited, and published.

---

📖 About This Challenge

This repository contains the complete source code for every single project built during my #100DaysOfCode Flutter challenge. Over 100 consecutive days, I committed to learning, building, recording, editing, and publishing — every day, no exceptions.

The journey covers Flutter from the ground up: beautiful UI design, smooth animations, real-world API integration, and full-scale Firebase backend development.

---

🗺️ Journey Roadmap

Day 1 ──────────── Day 40 ──────────── Day 60 ──────────── Day 80 ──────────── Day 100
  │                   │                   │                   │                    │
  🎨                  ✨                  🌐                  🔥                   🏆
Flutter UI         Animations          API Integration      Firebase           COMPLETE!
 Design             & Motion            Projects            Backend
(40 days)          (20 days)           (20 days)           (20 days)

---

📚 What's Inside

🎨 Phase 1 — Flutter UI Design Day 01 – Day 40

40 unique UI designed from scratch.

Focused on mastering Flutter widgets, layouts, and design principles to build pixel-perfect mobile interfaces. Each day brought a new UI challenge — from simple cards to complex multi-screen designs.

Key Concepts Covered:

• Core Flutter widgets (Container, Stack, Row, Column, ListView, etc.)
• Custom widget creation and reusability
• Responsive layouts and MediaQuery
• Material Design & Cupertino components
• Theming, typography, and color systems
• Navigation and routing

---

✨ Phase 2 — Flutter Animations Day 41 – Day 60

20 days of bringing UIs to life with motion.

Explored the full range of Flutter's animation capabilities — from implicit animations to complex custom curves and transitions that make apps feel alive.

Key Concepts Covered:

• AnimatedContainer, AnimatedOpacity, AnimatedWidget
• AnimationController & Tween animations
• Hero transitions between screens
• Lottie & Rive animation integration
• Page route transitions
• Physics-based animations
• Staggered animations

---

🌐 Phase 3 — API Integration Day 61 – Day 80

20 days of connecting Flutter to the real world.

Built real-world Flutter applications by integrating various public and private APIs, handling data, and creating fully functional projects.

Key Concepts Covered:

• http & dio packages for REST APIs
• JSON parsing and model classes
• State management with API data
• Error handling & loading states
• Multiple real API integrations (weather, news, movies, and more)
• Building complete mini-projects with live data

---

🔥 Phase 4 — Firebase Day 81 – Day 100

20 days of building production-ready backends.

Integrated Google Firebase's ecosystem into Flutter to build apps with real authentication, live databases, file storage, notifications, and serverless functions.

Key Concepts Covered:

• 🔐 Firebase Authentication — Email/password, Google Sign-In
• 🗄️ Cloud Firestore — Real-time database, queries, streams
• 📦 Firebase Storage — File & image uploads/downloads
• 🔔 Firebase Cloud Messaging — Push notifications
• 🧩 Firebase Extensions — Ready-made backend solutions

---

📺 YouTube Playlist

Every day of this challenge has a corresponding video — the full coding session, explained and published.

100 videos | Flutter UI · Animations · API · Firebase

---

📁 Repository Structure

100-days-of-flutter/
│
├── 📂 phase-1-ui-design/          # Day 01 – Day 40
│   ├── day_01/
│   ├── day_02/
│   └── ...day_40/
│
├── 📂 phase-2-animations/         # Day 41 – Day 60
│   ├── day_41/
│   ├── day_42/
│   └── ...day_60/
│
├── 📂 phase-3-api-integration/    # Day 61 – Day 80
│   ├── day_61/
│   ├── day_62/
│   └── ...day_80/
│
└── 📂 phase-4-firebase/           # Day 81 – Day 100
    ├── day_81/
    ├── day_82/
    └── ...day_100/

---

🛠️ Tech Stack

Technology	Purpose
	Cross-platform UI framework
	Programming language
	Backend & database
	External data integration

---

🚀 Getting Started

Each day's project is self-contained. To run any project:

# 1. Clone the repository
git clone https://github.com/YOUR_USERNAME/YOUR_REPO_NAME.git

# 2. Navigate into a specific day's folder
cd phase-1-ui-design/day_01

# 3. Get dependencies
flutter pub get

# 4. Run the app
flutter run

Note: Projects in Phase 3 and Phase 4 may require API keys or a Firebase project setup. Check the individual day's folder for any required configuration.

---

📊 Challenge Stats

Metric	Count
📅 Total Days	100
🎨 UI Screens Designed	40+
✨ Animation Projects	20+
🌐 APIs Integrated	20+
🔥 Firebase Projects	20+
📹 Videos Published	100

---

🤝 Connect & Support

If this project helped you or inspired you, please consider:

• ⭐ Starring this repository
• 📺 Watch Video on YouTube channel

Built with 💙 Flutter | 100 days of consistency

#100DaysOfCode #Flutter #WTFCode