Skip to content
Draft
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
303 changes: 302 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1 +1,302 @@
# 100-days-of-code-flutter
# 100 Days of Code - Flutter & Beyond 🚀

Welcome to my comprehensive collection of development projects! This repository serves as a showcase of my journey through various technologies, with a special focus on **Flutter development** and mobile app creation.

## 📊 Repository Statistics

- **Total Repositories**: 68
- **Flutter/Dart Projects**: 47
- **Other Technologies**: 21
- **Total Stars**: 2000+ ⭐
- **Languages**: Dart, PHP, JavaScript, Python, HTML/CSS, TypeScript

## 🎯 Featured Technologies

![Dart](https://img.shields.io/badge/dart-%230175C2.svg?style=for-the-badge&logo=dart&logoColor=white)
![Flutter](https://img.shields.io/badge/Flutter-%2302569B.svg?style=for-the-badge&logo=flutter&logoColor=white)
![PHP](https://img.shields.io/badge/php-%23777BB4.svg?style=for-the-badge&logo=php&logoColor=white)
![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
![Python](https://img.shields.io/badge/python-3670A0?style=for-the-badge&logo=python&logoColor=ffdd54)

---

## 🚀 Flutter & Dart Projects (47 Repositories)

> **Note**: These projects showcase various aspects of Flutter development including UI/UX design, animations, state management, API integration, and mobile app architecture.

### 📅 100 Days of Code Challenge
> Following my structured learning journey, one project per day!

**Day 1** | [**flutter-inspiration-app-ui**](https://github.com/afgprogrammer/flutter-inspiration-app-ui) | ⭐ 245 | Dart
└─ Flutter Inspiration Application Design - day 1

**Day 2** | [**Flutter-trip-app-ui**](https://github.com/afgprogrammer/Flutter-trip-app-ui) | ⭐ 103 | Dart
└─ Flutter Trip Application UI/UX Design - day 2

**Day 3** | [**Flutter-food-delivery-app-ui**](https://github.com/afgprogrammer/Flutter-food-delivery-app-ui) | ⭐ 349 | Dart
└─ Flutter Food Delivery Application design and Animation - day 3

**Day 4** | [**Flutter-actors-profile-app-ui**](https://github.com/afgprogrammer/Flutter-actors-profile-app-ui) | ⭐ 63 | Dart
└─ Flutter Actors Profile Application UI/UX Design - Day 4

**Day 5** | [**Flutter-ripple-map-application**](https://github.com/afgprogrammer/Flutter-ripple-map-application) | ⭐ 33 | Dart
└─ Flutter Ripple Animation in a Map Application UI/UX design - day 5

**Day 6** | [**Flutter-page-transition-animation**](https://github.com/afgprogrammer/Flutter-page-transition-animation) | ⭐ 55 | Dart
└─ Flutter Page-Transition Animation, UI/UX design - day 6

**Day 7** | [**Flutter-button-animation**](https://github.com/afgprogrammer/Flutter-button-animation) | ⭐ 45 | JavaScript
└─ Flutter Download Bar Button Animation, UI/UX design - day 7 Flutter Animation and UI Design.

**Day 8** | [**Flutter-Splash-Screen-Animation**](https://github.com/afgprogrammer/Flutter-Splash-Screen-Animation) | ⭐ 341 | Dart
└─ Flutter Splash Screen design and Animation - day 8

**Day 9** | [**Flutter-Party-Event-Application**](https://github.com/afgprogrammer/Flutter-Party-Event-Application) | ⭐ 70 | Dart
└─ Flutter Party Event Application Ui Design, UI/UX design - day 9 Flutter Animation and UI Design.

**Day 10** | [**Flutter-GridView-Example-UI**](https://github.com/afgprogrammer/Flutter-GridView-Example-UI) | ⭐ 257 | Dart
└─ Flutter GridView Example in a Shopping List Design - day 10

**Day 11** | [**Flutter-Travel-Application**](https://github.com/afgprogrammer/Flutter-Travel-Application) | ⭐ 63 | Dart
└─ Flutter Simple Travel Application Design - day 11

**Day 12** | [**Flutter-Login-Page-UI**](https://github.com/afgprogrammer/Flutter-Login-Page-UI) | ⭐ 435 | Dart
└─ Flutter Beautiful Login Page design and Animation - day 12

**Day 13** | [**Flutter-Login-Page-Design**](https://github.com/afgprogrammer/Flutter-Login-Page-Design) | ⭐ 257 | Dart
└─ Flutter Beautiful Login Page Design and Animation - day 13

**Day 14** | [**Flutter-Login-Page-3**](https://github.com/afgprogrammer/Flutter-Login-Page-3) | ⭐ 264 | Dart
└─ Flutter Beautiful Login Page Design and Animation - day 14

**Day 15** | [**Flutter-Shoes-Shop-App**](https://github.com/afgprogrammer/Flutter-Shoes-Shop-App) | ⭐ 343 | Dart
└─ Flutter Shoes Shop Application Design and Animation - day 15

**Day 16** | [**Flutter-Complete-e-commerce**](https://github.com/afgprogrammer/Flutter-Complete-e-commerce) | ⭐ 523 | Dart
└─ Flutter e-commerce Application design and Animation - day 16-17

**Day 18** | [**Flutter-Ticket-Application**](https://github.com/afgprogrammer/Flutter-Ticket-Application) | ⭐ 74 | Dart
└─ Flutter Ticket Application design - day 18

**Day 19** | [**Flutter-Social-App**](https://github.com/afgprogrammer/Flutter-Social-App) | ⭐ 83 | Dart
└─ Flutter Social Application design - day 19

**Day 20** | [**Flutter-wallet-app-ui**](https://github.com/afgprogrammer/Flutter-wallet-app-ui) | ⭐ 262 | Dart
└─ Flutter Wallet app UI design - day 20

**Day 21** | [**Flutter-Learning-Application**](https://github.com/afgprogrammer/Flutter-Learning-Application) | ⭐ 110 | Dart
└─ Flutter Learning application design - day 21

**Day 22** | [**Flutter-Profile-Application**](https://github.com/afgprogrammer/Flutter-Profile-Application) | ⭐ 96 | Dart
└─ Flutter Profile Application Design - day 22

**Day 23** | [**Flutter-Podcast-Application**](https://github.com/afgprogrammer/Flutter-Podcast-Application) | ⭐ 52 | Dart
└─ Flutter Podcast Application design - day 23

**Day 24** | [**Flutter-Signup-Page-UI**](https://github.com/afgprogrammer/Flutter-Signup-Page-UI) | ⭐ 211 | Dart
└─ Flutter Signup Page design - Day 24

**Day 25** | [**Flutter-github-application**](https://github.com/afgprogrammer/Flutter-github-application) | ⭐ 118 | Dart
└─ Flutter Github Following Application, Using Flutter Provider and Flutter HTTP to get data from Github API. - Day 25

**Day 26** | [**Flutter-Delivery-Application**](https://github.com/afgprogrammer/Flutter-Delivery-Application) | ⭐ 74 | Dart
└─ Flutter Delivery Application UI Design - Day 26

**Day 27** | [**Flutter-Dating-Application**](https://github.com/afgprogrammer/Flutter-Dating-Application) | ⭐ 71 | Dart
└─ Flutter Dating Application UI Design - Day 27

**Day 28** | [**Flutter-Messenger-Application**](https://github.com/afgprogrammer/Flutter-Messenger-Application) | ⭐ 68 | Dart
└─ Flutter Messenger Application UI design - Day 28

**Day 29** | [**Flutter-Nike-Shoes-Store-App**](https://github.com/afgprogrammer/Flutter-Nike-Shoes-Store-App) | ⭐ 149 | Dart
└─ Flutter Nike Shoes Store Application Design - Day 29

**Day 30** | [**Flutter-Contact-Profile-Application**](https://github.com/afgprogrammer/Flutter-Contact-Profile-Application) | ⭐ 53 | Dart
└─ Flutter Contact Profile Application Design - Day 30

**Day 31** | [**Flutter-Firebase-Login**](https://github.com/afgprogrammer/Flutter-Firebase-Login) | ⭐ 138 | Dart
└─ Flutter Firebase with Authentication login using Gmail example - Day 31

**Day 32** | [**Flutter-News-Application**](https://github.com/afgprogrammer/Flutter-News-Application) | ⭐ 127 | Dart
└─ Flutter News Application, UI Example - Day 32

**Day 33** | [**Flutter-Seat-Application**](https://github.com/afgprogrammer/Flutter-Seat-Application) | ⭐ 51 | Dart
└─ Flutter Seat Application, UI Example - Day 33

**Day 34** | [**Flutter-plant-app**](https://github.com/afgprogrammer/Flutter-plant-app) | ⭐ 144 | Dart
└─ Flutter plant application UI, Example - Day 34

**Day 35** | [**Flutter-Fruit-Market-Application**](https://github.com/afgprogrammer/Flutter-Fruit-Market-Application) | ⭐ 106 | Dart
└─ Flutter Fruit Market Application UI - Day 35

**Day 36** | [**Flutter-animation-canvas-board**](https://github.com/afgprogrammer/Flutter-animation-canvas-board) | ⭐ 58 | Dart
└─ Flutter Canvas Board Animation Example and Custom Painter - Day 36

**Day 37** | [**Flutter-bottom-nav-bar**](https://github.com/afgprogrammer/Flutter-bottom-nav-bar) | ⭐ 104 | Dart
└─ Flutter Bottom Nav Bar Animation Example - Day 37

**Day 38** | [**Flutter-music-app**](https://github.com/afgprogrammer/Flutter-music-app) | ⭐ 174 | Dart
└─ Flutter Music Application UI Example - Day 38

**Day 39** | [**Flutter-real-estate**](https://github.com/afgprogrammer/Flutter-real-estate) | ⭐ 90 | Dart
└─ Flutter Real Estate Application UI Example - Day 39

**Day 40** | [**Flutter-Shoes-App**](https://github.com/afgprogrammer/Flutter-Shoes-App) | ⭐ 140 | Dart
└─ Flutter Shoes Application Example UI - Day 40

**Day 41** | [**Flutter-google-map-example**](https://github.com/afgprogrammer/Flutter-google-map-example) | ⭐ 69 | Dart
└─ Flutter Google Map Example - Day 41

**Day 42** | [**Flutter-music-application**](https://github.com/afgprogrammer/Flutter-music-application) | ⭐ 123 | Dart
└─ Flutter Music Application - Day 42

**Day 43** | [**Flutter-travel-application**](https://github.com/afgprogrammer/Flutter-travel-application) | ⭐ 41 | Dart
└─ Flutter Travel Application Example - Day 43

**Day 44** | [**Flutter-News-application**](https://github.com/afgprogrammer/Flutter-News-application) | ⭐ 83 | Dart
└─ Flutter News Application Example - Day 44

**Day 46** | [**Flutter-animation-page-route**](https://github.com/afgprogrammer/Flutter-animation-page-route) | ⭐ 103 | Dart
└─ Flutter Animation Page Route example - Day 46

**Day 47** | [**Flutter-Social-App-Concept**](https://github.com/afgprogrammer/Flutter-Social-App-Concept) | ⭐ 72 | Dart
└─ Flutter Social App Concept and Design - Day 47

**Day 49** | [**Flutter-music-app-concept**](https://github.com/afgprogrammer/Flutter-music-app-concept) | ⭐ 81 | Dart
└─ Flutter Music App Concept Example - Day 49

**Day 56** | [**Flutter-simple-chat-app**](https://github.com/afgprogrammer/Flutter-simple-chat-app) | ⭐ 58 | Dart
└─ Simple chat app UI design in Flutter - Day 61. Basic chat application in Flutter

**Day 59** | [**Flutter-ecommerce-app-with-getx**](https://github.com/afgprogrammer/Flutter-ecommerce-app-with-getx) | ⭐ 54 | Dart
└─ Flutter e-commerce app example with GetX - day 59

### 🔧 Additional Flutter Projects

**[flutter_accounting](https://github.com/afgprogrammer/flutter_accounting)** | ⭐ 12 | Dart
An accounting application in flutter for your bank cards

**[flutter_expense_manager](https://github.com/afgprogrammer/flutter_expense_manager)** | ⭐ 160 | Dart
Flutter Provider and Shared Preferences Sample Application.

**[FlutterExampleApps](https://github.com/afgprogrammer/FlutterExampleApps)** | ⭐ 11 | None
[Example APPS] Basic Flutter apps, for flutter devs.

**[Flutter-home-service-ui-kit](https://github.com/afgprogrammer/Flutter-home-service-ui-kit)** | ⭐ 165 | Dart
Homy: Flutter Home Service Application UI Kit

**[Flutter-real-estate-ui-kit](https://github.com/afgprogrammer/Flutter-real-estate-ui-kit)** | ⭐ 132 | Dart
Flutter Real-Estate Application UI Kit - Koors

**[Flutter-mapbox-example](https://github.com/afgprogrammer/Flutter-mapbox-example)** | ⭐ 49 | Dart
Flutter mapbox example

**[Flutter-food-delivery-ui-kit](https://github.com/afgprogrammer/Flutter-food-delivery-ui-kit)** | ⭐ 304 | Dart
Flutter Food Delivery Application UI Kit - Foody

**[Flutter-event-schedule-app](https://github.com/afgprogrammer/Flutter-event-schedule-app)** | ⭐ 66 | Dart
A Flutter event schedule app example

**[100-days-of-code-flutter](https://github.com/afgprogrammer/100-days-of-code-flutter)** | ⭐ 86 | None
Here you can find my Flutter 100 Days of Code.

**[Flutter-file-select-upload](https://github.com/afgprogrammer/Flutter-file-select-upload)** | ⭐ 31 | Dart
Flutter File Select and Upload to the Server with Progress.

---

## 💻 Other Technologies & Projects (21 Repositories)

### JavaScript (4 projects)

**[AI-doz-a-star-algorithm](https://github.com/afgprogrammer/AI-doz-a-star-algorithm)** | ⭐ 7
Ai Project with algorithm A Star (A*)

**[simple-chat-bot](https://github.com/afgprogrammer/simple-chat-bot)** | ⭐ 6
Simple Chat Bot

**[vscode-recipes](https://github.com/afgprogrammer/vscode-recipes)** | ⭐ 3
No description available

**[vue-dashboard](https://github.com/afgprogrammer/vue-dashboard)** | ⭐ 3
A beautiful dashboard for vue and laravel

### HTML (4 projects)

**[Task-Template](https://github.com/afgprogrammer/Task-Template)** | ⭐ 22
A task management template design with HTML and CSS

**[personal-blog](https://github.com/afgprogrammer/personal-blog)** | ⭐ 7
personal blog

**[picture-template](https://github.com/afgprogrammer/picture-template)** | ⭐ 6
picture template

**[rock-paper-scissors](https://github.com/afgprogrammer/rock-paper-scissors)** | ⭐ 6
rock paper scissors game

### Other (4 projects)

**[FlutterExampleApps](https://github.com/afgprogrammer/FlutterExampleApps)** | ⭐ 11
[Example APPS] Basic Flutter apps, for flutter devs.

**[afghanDevs](https://github.com/afgprogrammer/afghanDevs)** | ⭐ 10
Afghan Software developers List

**[css-animation-library](https://github.com/afgprogrammer/css-animation-library)** | ⭐ 9
CSS Animation Library for all developers

**[100-days-of-code-flutter](https://github.com/afgprogrammer/100-days-of-code-flutter)** | ⭐ 8
Here you can find my Flutter 100 Days of Code.

### Vue (3 projects)

**[vue-developer-portfolio-template](https://github.com/afgprogrammer/vue-developer-portfolio-template)** | ⭐ 13
A professional developer portfolio template

**[vue-expense-tracker](https://github.com/afgprogrammer/vue-expense-tracker)** | ⭐ 6
vue expense tracker

**[vue-admin-dashboard-template](https://github.com/afgprogrammer/vue-admin-dashboard-template)** | ⭐ 3
Vue Tailwind CSS Admin Dashboard Template

### PHP (2 projects)

**[PHP-MVC-REST-API](https://github.com/afgprogrammer/PHP-MVC-REST-API)** | ⭐ 151
A simple PHP MVC REST API framework with PHP 7.2 Written from scratch

**[laravel-google-auth](https://github.com/afgprogrammer/laravel-google-auth)** | ⭐ 5
Laravel Google Authentication

### CSS (2 projects)

**[simple-loader-html-css](https://github.com/afgprogrammer/simple-loader-html-css)** | ⭐ 7
Simple loader html5 and css3

**[simple-dark-theme-for-webstorm](https://github.com/afgprogrammer/simple-dark-theme-for-webstorm)** | ⭐ 6
A simple dark theme for WebStorm IDE

### Python (1 projects)

**[Opencv-face-detection-python](https://github.com/afgprogrammer/Opencv-face-detection-python)** | ⭐ 11
Face Recognition Ai Project

### TypeScript (1 projects)

**[afgprogrammer.github.io](https://github.com/afgprogrammer/afgprogrammer.github.io)** | ⭐ 19
Afghan Programmer's Personal Website

---

## 🤝 Connect With Me

- **GitHub**: [@afgprogrammer](https://github.com/afgprogrammer)
- **Website**: [afgprogrammer.github.io](https://afgprogrammer.github.io)

## 📝 License

Most projects are open source. Please check individual repositories for specific license information.

---

⭐ **If you find these projects helpful, please consider giving them a star!** ⭐