https://github.com/ehab-elshimi-developer/frontend-web-development-misclues

Archived frontend practice projects including HTML, CSS, Bootstrap, JavaScript, Tailwind CSS, React.js, and Next.js — organized and documented to reflect my frontend learning journey as a backend-focused developer.
https://github.com/ehab-elshimi-developer/frontend-web-development-misclues

bootstrap css frontend frontend-learning html javascript nextjs practice-projects react tailwindcss typescript

Last synced: about 2 months ago
JSON representation

Archived frontend practice projects including HTML, CSS, Bootstrap, JavaScript, Tailwind CSS, React.js, and Next.js — organized and documented to reflect my frontend learning journey as a backend-focused developer.

• Host: GitHub
• URL: https://github.com/ehab-elshimi-developer/frontend-web-development-misclues
• Owner: ehab-elshimi-developer
• Created: 2025-06-28T04:49:43.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-07-01T06:57:42.000Z (11 months ago)
• Last Synced: 2025-07-01T07:44:38.491Z (11 months ago)
• Topics: bootstrap, css, frontend, frontend-learning, html, javascript, nextjs, practice-projects, react, tailwindcss, typescript
• Homepage: https://github.com/stars/ehab-elshimi-developer/lists/frontend-knowledge
• Size: 12.7 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🌐 Frontend Web Development Misclues

🎯 This repository documents my **archived frontend learning journey**.  

Although I specialize in **Backend Development with Java & Spring Boot**, I strongly believe in having a working knowledge of frontend technologies to better collaborate in full-stack environments and understand UI/UX needs.

---

## 🧠 Why This Repo?

- These are **not production-level apps** — they are small-scale learning exercises and practical reviews.

- They reflect the **concepts I studied before my military service**, recently reviewed and reimplemented for reinforcement.

- This repo acts as a **central archive** of all my frontend practice projects for future reference, documentation, and reflection.

---

## 🛠️ Frontend Skills Reviewed

During this review phase, I refreshed my knowledge of:

- ✅ **HTML5, CSS3, Bootstrap 5**

- ✅ **JavaScript** (DOM manipulation, Events, UI logic)

- ✅ **Tailwind CSS** (utility-first styling)

- ✅ **React.js** (Components, State, Props, Hooks)

- ✅ **Next.js** (Pages, Routing, SSR fundamentals)

> I revisited both the basics and key intermediate features across these technologies.

---

## 📋 Project Table  

🔗 Please open each link in a new tab 

| Project Name                  | Practice Type           | Tech Stack              | Live Repo |

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

| Town Page Demo                | Static Page Styling      | HTML, CSS                | [Repo Link](https://github.com/ehab-elshimi-developer/TownPage) |

| Personal Page Showcase        | Personal Landing Page    | HTML, CSS, Bootstrap 5   | [Repo Link](https://github.com/ehab-elshimi-developer/PersonalPage) |

| DokanShop Multi Page          | Bootstrap Multipage Site | HTML, Bootstrap 5        | [Repo Link](https://github.com/ehab-elshimi-developer/DokanShopMultiPage) |

| CaraShop Ecommerce Template   | Bootstrap Shop Template  | HTML, Bootstrap 5        | [Repo Link](https://github.com/ehab-elshimi-developer/CaraShop) |

| Currency Exchange Calculator  | DOM + JS Interaction     | HTML, CSS, JavaScript    | [Repo Link](https://github.com/ehab-elshimi-developer/Currency_Exchange) |

> Each project has its own `README.md` and tech breakdown.

---

## 👨‍💻 About Me

I'm **Ehab Elshimi**, a backend-focused software engineer passionate about clean architecture and scalable systems. My core expertise includes:

- 🧩 **Java**, **Spring Boot**, **Spring Security**

- 🗃️ **PostgreSQL**, **REST API Design**

- 🐳 **Docker**, **Git**, **CI/CD pipelines**

- 🌍 Awareness of frontend technologies to support full-stack collaboration

🔗 **Main GitHub Profile** → [ehabshimi](https://github.com/ehab-elshimi-developer)  

🌟 **Frontend Star List** → [Frontend Knowledge](https://github.com/stars/ehab-elshimi-developer/lists/frontend-knowledge)

📂 **Explore my backend projects and tools**:  

🌟 [Backend Java-Spring Stack (Star List)](https://github.com/stars/ehab-elshimi-developer/lists/backend-java-spring-stack)

---

> _This repository complements my backend specialization and demonstrates full-stack awareness._