aslamalkarywk7 - Full-stack web developer (Next.js/TypeScript/Prism

项目说明

<img align="right" src="
<h1 align="center">
<a href="
<img src=");:Nice+to+meet+you!&center=true&size=30">
</a>

Hi, I'm Islam El-Nashar
</h1>
<p align="center">
Full-Stack De (Next.js/TS/Prisma) from Egypt — I build websites & web apps, with AI integration and site hardening as supporting skills
<br>
<br>
💻 Full-Stack De — open to full-time roles & freelance projects: business sites, stores, and custom web apps — plus planning a large-scale AI project
<br>
🎓 My curiosity drives me: web de, game programming, AI research, and defensi
<br>
🏫 Self-taught through programming, game design, software de — and real open-source contributions
<br>
💻 I lo, designing, and building inno projects
<br>
📚 Currently deepening ad AI and full-stack web de
<br>
💬 Ask me anything about my projects or programming skills <a href=" title="GitHub Profile">Here</a>
<br>
📫 How to reach me: <a href="mailto:"></a>
</p>

<h3 align="center">🌐 My Social Media & Profiles</h3>
<p align="center">
<a href="mailto:"></a> • <a href=" • <a href="
🌐 Portfolio: <a href="
</p>
<p align="center">
<a href=" Face — ISLAM-PO</strong></a>
</p>

<h4 align="center">🤖 Models (Hugging Face)</h4>
<p align="center">
<a href=" •
<a href=" •
<a href="
📖 Full details: <a href="docs/ai-integrations.md"><strong>docs/ai-integrations.md</strong></a>
</p>

<h4 align="center">📊 Training Datasets</h4>
<p align="center">
<a href=" •
<a href=" •
<a href="
<a href="
</p>

<h4 align="center">💻 GitHub Projects</h4>
<p align="center">
<a href=" — 18 Live Web Projects</a><br>
<a href=" • <a href="mailto:"></a>
</p>

<h4 align="center">🛠️ Full-Stack Services — what you can hire me for</h4>
<p align="center">
🌐 Business websites, portfolios & stores (React / Next.js / Node.js)<br>
🤖 Arabic-first AI for your site: chat assistants, content & translation (details: <a href="docs/ai-integrations.md">docs/ai-integrations.md</a>)<br>
🔒 Website hardening & protection: audits, fixes, and monitoring against common attacks (details: <a href="docs/defensi.md">docs/defensi.md</a>)
</p>

<h4 align="center">⭐ Featured Work</h4>
<p align="center">
<a href=" — 18 live web projects (demos included)<br>
<a href=" — ⭐ most-starred guide (defensi research)<br>
<a href=" — lossless compression for every file type + web console
</p>
<p align="center">
<a href="docs/full-stack.md"><strong>📄 Full-Stack proof page</strong></a> — backend + 18 sites + 65 designs with screenshots, li, pinned
</p>

<h4 align="center">🌍 Open-Source Contributions (Big Tech)</h4>
<p align="center">
Active pull requests with reviews in progress:<br>
<a href=" — ✅ Approved, awaiting merge</a> •
<a href=" — 🟡 Open, awaiting review</a><br>
<a href=" — 🟡 Open</a> •
<a href=" — 🟡 feedback addressed</a> •
<a href=" — 🟡 feedback addressed</a><br>
🎯 Goal: first merged PRs at Microsoft & Google — one appro secured<br>
📖 <a href="CONTRIBUTIONS.md"><strong>Read the full story: every contribution, how I solved it & Q&A</strong></a>
</p>

<h4 align="center">🐧 Linux & Deploy</h4>
<p align="center">
Deploy and run web apps on Linux: Bash, Docker, GitHub Actions CI<br>
📖 Details: <a href="docs/linux-systems.md"><strong>docs/linux-systems.md</strong></a>
</p>

<h4 align="center">🔒 Defensi Research</h4>
<p align="center">
Researching attacks to build better defenses: audits and protection techniques against (educational & defensive only)<br>
📖 Details: <a href="docs/defensi.md"><strong>docs/defensi.md</strong></a>
</p>

<di="center">Tech Stack — Full Details Moved</div>

<di="center">

Extended stack and the Top-39 language map moved out of this README to avoid duplication:<br>
<a href="docs/tech-stack.md"><strong>docs/tech-stack.md</strong></a> — production , backend, frontend, AI, testing, design, and all 39 languages.

</div>
<di="center">

<!-- Skill Cards (Original Detailed Tables) -->

<di="center">🖥️ Programming Languages</div>

<di="center">
<table>
<tbody>
<tr>
<td>
<br><strong>problemSolving</strong>
</td>
<td>
<img title="Git" height="25" src="
<br><strong>git & github</strong>
</td>
<td>
<img title="C" height="65" src=" width="65" alt="c"/><br><strong>c</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Python"/><br><strong>Python</strong>
</td>
<td>
<img src=" width="65" height="65" alt="C#"/><br><strong>C#</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Ja"/><br><strong>Ja</strong>
</td>
<td>
<img src=" width="65" height="65" alt="TypeScript"/><br><strong>TypeScript</strong>
</td>
<td>
<img src=" width="65" height="65" alt="C++"/><br><strong>C++</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Java"/><br><strong>Java</strong>
</td>
</tr>
<tr>
<td>
<img src=" width="65" height="65" alt="Dart"/><br><strong>Dart</strong>
</td>
<td>
<img src=" width="65" height="65" alt=" Basic"/><br><strong> Basic</strong>
</td>
</tr>
</tbody>
</table>
</div>

<di="center">🌐 Web De</div>

<di="center">
<table>
<tbody>
<tr>
<td>
<img title="angularjs" height="25" src="
<br><strong>angularjs</strong>
</td>
<td>
<img title="JQuery" height="25" src="
<br><strong>jquery</strong>
</td>
<td>
<img title="Django" height="25" src="
</td>
<td>
<img title="Flask" height="25" src="
<br><strong>flask</strong>
</td>
<td>
<img title="JSON" height="25" src="
<br><strong>json</strong>
</td>
<td>
<img title="SASS" height="25" src="
</td>
<td>
<img src=" width="65" height="65" alt="React"/><br><strong>React</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Flutter"/><br><strong>Flutter</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Svelte"/><br><strong>Svelte</strong>
</td>
<td>
<img src=" width="65" height="65" alt="HTML"/><br><strong>HTML</strong>
</td>
<td>
<img src=" width="65" height="65" alt="CSS"/><br><strong>CSS</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Tailwind CSS"/><br><strong>Tailwind</strong>
</td>
</tr>
</tbody>
</table>
</div>

<di="center">🚀 Backend & Frameworks</div>

<di="center">
<table>
<tbody>
<tr>
<td>
<img src=" width="65" height="65" alt="Node.js"/><br><strong>Node.js</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Bun"/><br><strong>Bun</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Unity"/><br><strong>Unity</strong>
</td>
<td>
<img src=" width="65" height="65" alt="WordPress"/><br><strong>WordPress</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Express.js"/><br><strong>Express.js</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Directus"/><br><strong>Directus</strong>
</td>
</tr>
<tr>
<td>
<img src=" width="65" height="65" alt="Logto"/><br><strong>Logto</strong>
</td>
<td>
<img src=" width="65" height="65" alt="tRPC"/><br><strong>tRPC</strong>
</td>
</tr>
</tbody>
</table>
</div>

<di="center">🤖 No-Code & Low-Code Platforms</div>

<di="center">
<table>
<tbody>
<tr>
<td>
<img src=" width="65" height="65" alt="OutSystems"/><br><strong>OutSystems</strong>
</td>
<td>
<img src=" width="65" height="65" alt="ARIS"/><br><strong>ARIS</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Alfabet"/><br><strong>Alfabet</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Webflow"/><br><strong>Webflow</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Budibase"/><br><strong>Budibase</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Power Automate"/><br><strong>Power Automate</strong>
</td>
</tr>
<tr>
<td>
<img src=" width="65" height="65" alt="Power BI"/><br><strong>Power BI</strong>
</td>
</tr>
</tbody>
</table>
</div>

<di="center">🔧 DevOps & Cloud</div>

<di="center">
<table>
<tbody>
<tr>
<td>
<img src=" width="65" height="65" alt="Docker"/><br><strong>Docker</strong>
</td>
<td>
<img src=" width="65" height="65" alt="GitHub"/><br><strong>GitHub</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Firebase"/><br><strong>Firebase</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Netlify"/><br><strong>Netlify</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Plastic SCM"/><br><strong>Plastic SCM</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Plastic SCM"/><br><strong>Playfab</strong>
</td>
</tr>
<tr>
<td>
<img src=" width="65" height="65" alt="SiteGround"/><br><strong>SiteGround</strong>
</td>
</tr>
</tbody>
</table>
</div>

<di="center">💾 Databases</div>

<di="center">
<table>
<tbody>
<tr>
<td>
<img src=" width="65" height="65" alt="PostgreSQL"/><br><strong>PostgreSQL</strong>
</td>
<td>
<img src=" width="65" height="65" alt="MySQL"/><br><strong>MySQL</strong>
</td>
<td>
<img src=" width="65" height="65" alt="MongoDB"/><br><strong>MongoDB</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Redis"/><br><strong>Redis</strong>
</td>
<td>
<img src=" width="65" height="65" alt="SQLite"/><br><strong>SQLite</strong>
</td>
</tr>
</tbody>
</table>
</div>

<di="center">🤖 AI & Machine Learning</div>

<di="center">
<table>
<tbody>
<tr>
<td>
<img src=" width="65" height="65" alt="Hugging Face"/><br><strong>Hugging Face</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Gemini"/><br><strong>Gemini</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Llama"/><br><strong>Llama</strong>
</td>
<td>
<img src=" width="65" height="65" alt="GPT"/><br><strong>GPT</strong>
</td>
</tr>
</tbody>
</table>
</div>

<di="center">🛠️ De Tools</div>

<di="center">
<table>
<tbody>
<tr>
<td>
<img src=" width="65" height="65" alt="VS Code"/><br><strong>VS Code</strong>
</td>
<td>
<img src=" width="65" height="65" alt=" Studio"/><br><strong> Studio</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Postman"/><br><strong>Postman</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Obsidian"/><br><strong>Obsidian</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Office 365 Suite"/><br><strong>Office 365</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Cursor AI"/><br><strong>Cursor AI</strong>
</td>
</tr>
<tr>
<td>
<img src=" width="65" height="65" alt="Excalidraw"/><br><strong>Excalidraw</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Meramid AI"/><br><strong>Meramid AI</strong>
</td>
</tr>
</tbody>
</table>

<di="center">🎨 Design & Multimedia</div>

<di="center">
<table>
<tbody>
<tr>
<td>
<img src=" width="65" height="65" alt="Blender"/><br><strong>Blender</strong>
</td>
<td>
<img src=" width="65" height="65" alt="GIMP"/><br><strong>GIMP</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Figma"/><br><strong>Figma</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Photoshop"/><br><strong>Photoshop</strong>
</td>
<td>
<img src=" width="65" height="65" alt="Audacity"/><br><strong>Audacity</strong>
</td>
<td>
<img src=" width="65" height="65" alt="DaVinci Resolve"/><br><strong>DaVinci Resolve</strong>
</td>
</tr>
</tbody>
</table>
</div>

<di="center">📁 Supporting Docs</div>

<di="center">

Web stays in this README. Details moved to separate docs so the profile stays organized:<br>
<a href="docs/tech-stack.md"><strong>Tech stack & 39 languages</strong></a> •
<a href="docs/full-stack.md"><strong>Full-Stack proof (screenshots + demos)</strong></a> •
<a href="docs/qa.md"><strong>Q&A: method, standards, education</strong></a> •
<a href="docs/ai-integrations.md"><strong>AI integrations</strong></a> •
<a href="docs/defensi.md"><strong>Defensi</strong></a> •
<a href="docs/linux-systems.md"><strong>Linux & deploy</strong></a> •
<a href="docs/other-skills.md"><strong>Other / explored</strong></a>

</div>

项目信息

开发语言：CSS

Star 数：1

技术要点

该项目属于防护思路方向的开源资源，代码结构清晰，适合安全研究人员学习参考。项目围绕Full-stack web developer (Next.js/TypeScript/Prisma) — AI integrations, defensive security展开，提供了可运行的实现，对理解相关安全机制、工具原理与攻防技术具有较高的研究价值。

从技术实现角度看，此类项目的核心在于对底层原理的深入理解与工程化落地。开发者在研究过程中可以结合官方文档与社区讨论，梳理项目的初始化流程、核心模块职责与数据流转，逐步掌握其中的技术细节与设计思路。

使用与学习建议

1. 下载源码压缩包，解压到本地环境。

2. 根据项目类型准备对应的运行环境与依赖。

3. 按照 README 中的步骤完成配置与部署。

4. 在隔离的测试环境中运行验证，避免影响生产系统。

免责声明

本资源来源于开源社区，仅供安全研究、技术学习与合法授权范围内的攻防演练使用，请勿用于任何非法或侵害他人权益的用途。使用本项目产生的一切后果由使用者自行承担。