{"id":29193736,"url":"https://github.com/ehab-elshimi-developer/frontend-web-development-misclues","last_synced_at":"2026-04-07T08:01:45.824Z","repository":{"id":302222133,"uuid":"1009976206","full_name":"ehab-elshimi-developer/frontend-web-development-misclues","owner":"ehab-elshimi-developer","description":"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.","archived":false,"fork":false,"pushed_at":"2025-07-01T06:57:42.000Z","size":13,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-01T07:44:38.491Z","etag":null,"topics":["bootstrap","css","frontend","frontend-learning","html","javascript","nextjs","practice-projects","react","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://github.com/stars/ehab-elshimi-developer/lists/frontend-knowledge","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ehab-elshimi-developer.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-28T04:49:43.000Z","updated_at":"2025-07-01T07:02:08.000Z","dependencies_parsed_at":"2025-07-01T07:54:42.497Z","dependency_job_id":null,"html_url":"https://github.com/ehab-elshimi-developer/frontend-web-development-misclues","commit_stats":null,"previous_names":["ehab-elshimi-developer/frontend-web-development-misclues"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ehab-elshimi-developer/frontend-web-development-misclues","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ehab-elshimi-developer%2Ffrontend-web-development-misclues","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ehab-elshimi-developer%2Ffrontend-web-development-misclues/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ehab-elshimi-developer%2Ffrontend-web-development-misclues/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ehab-elshimi-developer%2Ffrontend-web-development-misclues/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ehab-elshimi-developer","download_url":"https://codeload.github.com/ehab-elshimi-developer/frontend-web-development-misclues/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ehab-elshimi-developer%2Ffrontend-web-development-misclues/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263066558,"owners_count":23408387,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","css","frontend","frontend-learning","html","javascript","nextjs","practice-projects","react","tailwindcss","typescript"],"created_at":"2025-07-02T03:07:05.715Z","updated_at":"2026-04-07T08:01:45.817Z","avatar_url":"https://github.com/ehab-elshimi-developer.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🌐 Frontend Web Development Misclues\n\n🎯 This repository documents my **archived frontend learning journey**.  \nAlthough I specialize in **Backend Development with Java \u0026 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.\n\n---\n\n## 🧠 Why This Repo?\n\n- These are **not production-level apps** — they are small-scale learning exercises and practical reviews.\n- They reflect the **concepts I studied before my military service**, recently reviewed and reimplemented for reinforcement.\n- This repo acts as a **central archive** of all my frontend practice projects for future reference, documentation, and reflection.\n\n---\n\n## 🛠️ Frontend Skills Reviewed\n\nDuring this review phase, I refreshed my knowledge of:\n\n- ✅ **HTML5, CSS3, Bootstrap 5**\n- ✅ **JavaScript** (DOM manipulation, Events, UI logic)\n- ✅ **Tailwind CSS** (utility-first styling)\n- ✅ **React.js** (Components, State, Props, Hooks)\n- ✅ **Next.js** (Pages, Routing, SSR fundamentals)\n\n\u003e I revisited both the basics and key intermediate features across these technologies.\n\n---\n\n## 📋 Project Table  \n\u003csub\u003e🔗 Please open each link in a new tab \u003c/sub\u003e\n\n| Project Name                  | Practice Type           | Tech Stack              | Live Repo |\n|-------------------------------|--------------------------|--------------------------|-----------|\n| Town Page Demo                | Static Page Styling      | HTML, CSS                | [Repo Link](https://github.com/ehab-elshimi-developer/TownPage) |\n| Personal Page Showcase        | Personal Landing Page    | HTML, CSS, Bootstrap 5   | [Repo Link](https://github.com/ehab-elshimi-developer/PersonalPage) |\n| DokanShop Multi Page          | Bootstrap Multipage Site | HTML, Bootstrap 5        | [Repo Link](https://github.com/ehab-elshimi-developer/DokanShopMultiPage) |\n| CaraShop Ecommerce Template   | Bootstrap Shop Template  | HTML, Bootstrap 5        | [Repo Link](https://github.com/ehab-elshimi-developer/CaraShop) |\n| Currency Exchange Calculator  | DOM + JS Interaction     | HTML, CSS, JavaScript    | [Repo Link](https://github.com/ehab-elshimi-developer/Currency_Exchange) |\n\n\u003e Each project has its own `README.md` and tech breakdown.\n\n---\n\n## 👨‍💻 About Me\n\nI'm **Ehab Elshimi**, a backend-focused software engineer passionate about clean architecture and scalable systems. My core expertise includes:\n\n- 🧩 **Java**, **Spring Boot**, **Spring Security**\n- 🗃️ **PostgreSQL**, **REST API Design**\n- 🐳 **Docker**, **Git**, **CI/CD pipelines**\n- 🌍 Awareness of frontend technologies to support full-stack collaboration\n\n🔗 **Main GitHub Profile** → [ehabshimi](https://github.com/ehab-elshimi-developer)  \n\n🌟 **Frontend Star List** → [Frontend Knowledge](https://github.com/stars/ehab-elshimi-developer/lists/frontend-knowledge)\n\n📂 **Explore my backend projects and tools**:  \n🌟 [Backend Java-Spring Stack (Star List)](https://github.com/stars/ehab-elshimi-developer/lists/backend-java-spring-stack)\n\n---\n\n\u003e _This repository complements my backend specialization and demonstrates full-stack awareness._\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fehab-elshimi-developer%2Ffrontend-web-development-misclues","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fehab-elshimi-developer%2Ffrontend-web-development-misclues","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fehab-elshimi-developer%2Ffrontend-web-development-misclues/lists"}