https://github.com/ahmed-maher77/depi-assignments___full-stack-web-development

A collection of weekly full stack development tasks completed during the Digital Egypt Pioneers Initiative (DEPI) diploma. Covers frontend, backend, devops, and modern web technologies.
https://github.com/ahmed-maher77/depi-assignments___full-stack-web-development

assignment-solutions backend-development depi devops digital-egypt-pioneers-initiative frontend-development programming-exercises prompt-engineering software-testing ui-ux-design version-control web-design-and-development

Last synced: 4 months ago
JSON representation

A collection of weekly full stack development tasks completed during the Digital Egypt Pioneers Initiative (DEPI) diploma. Covers frontend, backend, devops, and modern web technologies.

• Host: GitHub
• URL: https://github.com/ahmed-maher77/depi-assignments___full-stack-web-development
• Owner: Ahmed-Maher77
• Created: 2025-07-21T13:12:05.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-07-31T00:30:10.000Z (11 months ago)
• Last Synced: 2025-07-31T03:15:00.128Z (11 months ago)
• Topics: assignment-solutions, backend-development, depi, devops, digital-egypt-pioneers-initiative, frontend-development, programming-exercises, prompt-engineering, software-testing, ui-ux-design, version-control, web-design-and-development
• Language: HTML
• Homepage:
• Size: 35.2 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# DEPI – Full-Stack Web Development Diploma

This repository contains the complete collection of tasks, labs, and project work completed as part of the **Digital Egypt Pioneers Initiative (DEPI)** — a comprehensive diploma program focused on professional full-stack web development.

---

## 🎯 About the Program

The DEPI diploma is a nationally recognized training initiative powered by the Egyptian Ministry of Communications & Information Technology. It equips learners with the technical, problem-solving, and project delivery skills required to excel in modern software development environments.

---

## 🌐 Official Website

For more information about the Digital Egypt Pioneers Initiative (DEPI), visit the official platform:

🔗 [https://depi.gov.eg/](https://depi.gov.eg/)

---

## 📘 Curriculum Overview

| #   | Course Title                               | Hours | Topics Covered |

|-----|--------------------------------------------|-------|----------------|

| 1   | Prompt Engineering                         | 6     | Context-aware AI prompts in React |

| 2   | HTML5 Essentials                           | 12    | Semantic HTML, forms, multimedia, canvas |

| 3   | CSS3 Essentials                            | 12    | Flexbox, Grid, Animations, Responsive Design |

| 4   | UX/UI Design Principles                    | 6     | Wireframes, Prototyping, Accessibility |

| 5   | JavaScript Fundamentals                    | 12    | DOM, Events, Objects, Functions |

| 6   | TypeScript                                 | 6     | Types, Interfaces, React Integration |

| 7   | Bootstrap                                  | 12    | Layouts, Components, Responsive UI |

| 8   | React.js (Core + Advanced)                 | 33    | Hooks, Routing, Redux, Testing, Performance |

| 9   | Backend with Node.js & Express             | 12    | REST APIs, MongoDB, JWT, CRUD |

| 10  | Git & GitHub                               | 3     | Version Control & Collaboration |

| 11  | Docker & Containerization                  | 3     | Dockerfiles, Compose, Networking |

| 12  | Code Style & Best Practices                | 3     | Clean Code, State Patterns, Refactoring |

| 13  | Functional Documentation & Unit Testing    | 3     | TDD, CI/CD Integration, Jest |

| 14  | Capstone Project                           | 3     | Full-stack app development & deployment |

**Total Contact Hours:** 120  

**Assignments & Practice Hours:** 39  

**Total Learning Hours:** 159+

---

## 🖥️ Weekly Assignments

| Week | Assignment | Solution | Live Preview |

|:----:|----------|:--------:|:------------:|

| 1   | _                         | _     | _ |

| 2   | _                           | _    | _ |

| 3   | _                            | _    | _ |

| 4   | Header and Navigation Menu                    | [Link 🔗](https://github.com/Ahmed-Maher77/DEPI-Assignments___Full-Stack-Web-Development/tree/main/Week-4%20-%20Header%20and%20Navigation%20Menu)     | [Link 🔗](https://ahmed-maher77.github.io/DEPI-Assignments___Full-Stack-Web-Development/Week-4%20-%20Header%20and%20Navigation%20Menu/) |

| 5   | Login & Registeration Forms                    | [Link 🔗](https://github.com/Ahmed-Maher77/DEPI-Assignments___Full-Stack-Web-Development/tree/main/Week-5%20-%20Login%20%26%20Registeration%20Forms)    | [Link 🔗](https://ahmed-maher77.github.io/DEPI-Assignments___Full-Stack-Web-Development/Week-5%20-%20Login%20&%20Registeration%20Forms/) |

| 6   | _                                 | _     | _ |

| 7   | Ahmed-Maher-Portfolio v1                                  | [Link 🔗](https://github.com/Ahmed-Maher77/DEPI-Assignments___Full-Stack-Web-Development/tree/main/Week-7%20-%20Ahmed-Maher-Portfolio%20v1)    | [Link 🔗](https://ahmed-maher77.github.io/Minimalfolio__Personal-Portfolio-Website/) |

| 8   | DEPI Time Tools — Clock & Stopwatch                 | [Link 🔗](https://github.com/Ahmed-Maher77/DEPI-Assignments___Full-Stack-Web-Development/tree/main/Week-8%20-%20DEPI%20Time%20Tools%20%E2%80%94%20Clock%20%26%20Stopwatch)    | [Link 🔗](https://ahmed-maher77.github.io/DEPI-Time-Tools__Clock-and-Stopwatch/) |

| 9   | Custom Context Menu (right-click)                 | [Link 🔗](https://github.com/Ahmed-Maher77/DEPI-Assignments___Full-Stack-Web-Development/tree/main/Week-9%20-%20Custom%20Context%20Menu%20(right-click))    | [Link 🔗](https://ahmed-maher77.github.io/DEPI-Assignments___Full-Stack-Web-Development/Week-9%20-%20Custom%20Context%20Menu%20(right-click)/) |

| 10  | Gallery (Professional Image Slider)                 | [Link 🔗](https://github.com/Ahmed-Maher77/DEPI-Assignments___Full-Stack-Web-Development/tree/main/Week-9%20-%20Gallery%20(Professional%20Image%20Slider))    | [Link 🔗](https://ahmed-maher77.github.io/Gallery___Professional-Image-Slider/) |

| 12  | Bootstrap Navbar                 | [Link 🔗](https://github.com/Ahmed-Maher77/Services-Showcase-Website)    | [Link 🔗](https://ahmed-maher77.github.io/Services-Showcase-Website/) |

| 13  | Services Showcase Website                 | [Link 🔗](https://github.com/Ahmed-Maher77/Services-Showcase-Website)    | [Link 🔗](https://ahmed-maher77.github.io/Services-Showcase-Website/) |

| 14  | Mawaqit Arabia – Islamic Prayer Times                 | [Link 🔗](https://github.com/Ahmed-Maher77/Mawaqit-Arabia___Islamic-Prayer-Times)    | [Link 🔗](https://ahmed-maher77.github.io/Mawaqit-Arabia___Islamic-Prayer-Times/) |

---

## 🛠️ Technologies & Tools Covered

- **Frontend:** HTML5, CSS3, JavaScript (ES6+), TypeScript, React, Redux

- **UI Frameworks:** Bootstrap

- **Backend:** Node.js, Express.js, MongoDB (with Mongoose)

- **DevOps:** Git, GitHub, Docker

- **Testing:** Jest, React Testing Library

- **Others:** UX/UI Design, Code Documentation, Performance Optimization

---

## 👨‍💻 Author

**Ahmed Maher Algohary**  

Software Engineer | Full-Stack Developer  

📍 Egypt  

**🔗 GitHub Profile:** [https://github.com/Ahmed-Maher77/](https://github.com/Ahmed-Maher77/)

---

## 📄 License

This repository is part of my personal and professional learning journey through the DEPI Full-Stack Diploma. All content is for educational and showcase purposes.



## 📬 Contact & Contribution

- 🧑‍💻 **Portfolio:** https://ahmedmaher-portfolio.vercel.app/

- 🔗 **LinkedIn:** https://www.linkedin.com/in/ahmed-maher-algohary

- 📧 **Email:** ahmedmaher.dev1@gmail.com

---

## ⭐ Support

If you found this Repo helpful or inspiring, please consider giving it a ⭐.