An open API service indexing awesome lists of open source software.

https://github.com/web-dev-codi/web-dev-codi


https://github.com/web-dev-codi/web-dev-codi

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README

          

![Header](https://capsule-render.vercel.app/api?type=waving&color=7209B7,FF2D78,00D4FF&height=250&section=header&text=Web-Dev-Codi&fontSize=70&fontColor=ffffff&animation=fadeIn&fontAlignY=38&desc=Front-End%20Developer%20%7C%20Berlin%20%F0%9F%87%A9%F0%9F%87%AA&descAlignY=55&descSize=22)

[![Typing SVG](https://readme-typing-svg.demolab.com?font=Fira+Code&weight=600&size=22&pause=1000&color=FF2D78&center=true&vCenter=true&random=false&width=600&lines=Hey+there%2C+I'm+Web-Dev-Codi+%F0%9F%91%8B;Passionate+Front-End+Developer;Building+beautiful+web+experiences+%E2%9C%A8;Always+coding%2C+always+learning+%F0%9F%9A%80;Based+in+Berlin%2C+Germany+%F0%9F%87%A9%F0%9F%87%AA)](https://git.io/typing-svg)

![Role](https://custom-icon-badges.demolab.com/badge/-WEB%20DEVELOPER-FF2D78?style=for-the-badge&logoColor=white&logo=codepen&labelColor=7209B7)

[![Website](https://img.shields.io/badge/🌐_Website-web--dev--codi.onrender.com-00D4FF?style=for-the-badge&logo=googlechrome&logoColor=white&labelColor=0A0A1A)](https://web-dev-codi.onrender.com/)
[![Location](https://img.shields.io/badge/📍_Location-Berlin,_Germany-FF2D78?style=for-the-badge&logoColor=white&labelColor=0A0A1A)]()

![Visitor Count](https://komarev.com/ghpvc/?username=Web-Dev-Codi&style=for-the-badge&color=00FF9C&label=Profile%20Views&labelColor=0A0A1A)
![GitHub Stars](https://img.shields.io/github/stars/Web-Dev-Codi?style=for-the-badge&color=FF2D78&labelColor=0A0A1A&logo=github)
![Followers](https://img.shields.io/github/followers/Web-Dev-Codi?style=for-the-badge&color=00D4FF&labelColor=0A0A1A&logo=github)

---

## 🎯 About Me

```javascript
const developer = {
name: "Web-Dev-Codi",
location: "Berlin, Germany 🇩🇪",
passions: ["Web Development", "Front-End Magic", "Open Source"],
specialties: ["HTML5", "CSS3", "JavaScript", "Modern Frameworks"],
currentlyBuilding: ["OllamaTerm 🤖", "DeutschBuddy 🇩🇪"],
mission: "Building beautiful, functional web experiences",
funFact: "I debug with console.log and I'm not sorry 😅",
status: "Always coding, always learning 🚀"
};
```

---

## 🛠️ Tech Arsenal

[![Frontend & Languages](https://skillicons.dev/icons?i=html,css,js,ts,python,nodejs,react,bash&theme=dark&perline=8)](https://skillicons.dev)

[![Tools & Platforms](https://skillicons.dev/icons?i=git,github,vscode,linux,markdown,npm,vercel,docker&theme=dark&perline=8)](https://skillicons.dev)

---

## 📊 GitHub Stats



GitHub Stats


GitHub Streak

---

## 📈 Activity Graph

![Activity Graph](https://github-readme-activity-graph.vercel.app/graph?username=Web-Dev-Codi&theme=tokyo-night&bg_color=0A0A1A&color=FF2D78&line=00D4FF&point=00FF9C&area=true&hide_border=true)

---

## 📌 Featured Projects

### 🖥️ [OllamaTerm](https://github.com/Web-Dev-Codi/OllamaTerm)
> **Terminal chat TUI for local Ollama models**
>
> A fully-featured terminal UI for chatting with local Ollama models. Supports streaming responses, auto-detected thinking, tools & vision per model, multi-model switching mid-conversation, an agent loop with web search, image attachments, and persistent conversation history.

[![Python](https://img.shields.io/badge/Python-FF2D78?style=for-the-badge&logo=python&logoColor=white)]()
[![Stars](https://img.shields.io/github/stars/Web-Dev-Codi/OllamaTerm?style=for-the-badge&color=FF2D78&labelColor=0A0A1A)]()

✨ **Features:**

- 📡 Streaming responses with real-time output
- 🧠 Auto-detected thinking & tools support
- 👁️ Vision capabilities per model
- 🔄 Multi-model switching mid-conversation
- 🤖 Agent loop with web search
- 🖼️ Image attachments support

---

### 🇩🇪 [DeutschBuddy](https://github.com/Web-Dev-Codi/DeutschBuddy)
> **Your friendly companion for learning German**
>
> Are you an English speaker that needs to learn German? DeutschBuddy is your interactive study companion — covering interactive lessons, pronunciation practice, grammar exercises, and real conversational scenarios tailored to your level.

[![Python](https://img.shields.io/badge/Python-FF2D78?style=for-the-badge&logo=python&logoColor=white)]()

🎯 **Perfect for English speakers learning German!**

- 📚 Interactive lessons tailored for your level
- 🎧 Pronunciation practice with feedback
- 📝 Grammar exercises made fun
- 💬 Conversational practice scenarios

---

### 📖 [Local-Web-Development-Setup-Guide](https://github.com/Web-Dev-Codi/Local-Web-Development-Setup-Guide)
> **Complete web dev environment setup guide**
>
> Learn how to set up a full web development environment with Git and Node.js on any operating system — Windows, macOS, or Linux. Covers installation, Git configuration, SSH key setup, and connecting to GitHub. Perfect for beginners with no experience required.

[![Stars](https://img.shields.io/github/stars/Web-Dev-Codi/Local-Web-Development-Setup-Guide?style=for-the-badge&color=FF2D78&labelColor=0A0A1A)]()
[![Forks](https://img.shields.io/github/forks/Web-Dev-Codi/Local-Web-Development-Setup-Guide?style=for-the-badge&color=00D4FF&labelColor=0A0A1A)]()

🚀 **Learn to set up:**

- 🐙 Git version control
- 🟢 Node.js & npm
- 🔐 SSH keys for GitHub
- Full dev environment on Windows, macOS, or Linux

---

### 🐧 [Arch Linux Hyprland Dotfile Installer](https://github.com/Web-Dev-Codi/arch-linux-hyprland-dotfile-installer)
> **Automated Hyprland setup for Arch Linux**
>
> One-command automated installer for a fully configured Hyprland tiling window manager on Arch Linux. Ships with beautiful pre-configured themes, automated installation scripts, and fully customizable dotfiles — go from a fresh Arch install to a polished desktop in minutes.

[![CSS](https://img.shields.io/badge/CSS-00D4FF?style=for-the-badge&logo=css3&logoColor=white)]()

⚡ **One-command tiling window manager bliss**

- 🎨 Beautiful pre-configured themes
- ⚙️ Automated installation
- 🔧 Customizable configurations

---

### 📝 [DevLogger](https://github.com/Web-Dev-Codi/DevLogger)
> **Beautiful CLI for Developer Work Logging**
>
> Automate your daily work logs with a gorgeous Rich UI. Track time, log tasks by Epic, auto-pull git commits with hash & timestamps, and generate weekly reports for your manager. Built for developers in Agile/Scrum teams — Markdown-based, Obsidian-ready, no more manual timesheets.

[![Python](https://img.shields.io/badge/Python-FF2D78?style=for-the-badge&logo=python&logoColor=white)]()
[![Stars](https://img.shields.io/github/stars/Web-Dev-Codi/DevLogger?style=for-the-badge&color=FF2D78&labelColor=0A0A1A)]()

📊 **Track your dev work with style:**

- ⏱️ Time tracking with Rich UI
- 📋 Log tasks by Epic
- 🔗 Auto-pull git commits with hash & timestamps
- 📄 Generate weekly reports

---

### 🎬 [Flixx Movie Search Database](https://github.com/Web-Dev-Codi/flixx-movie-search-database)
> **A comprehensive movie search engine**
>
> A sleek, JavaScript-powered movie search engine that lets you find any film, anytime. Pulls from a live movie database with advanced search capabilities, detailed movie info, ratings, trailers, and full genre coverage.

[![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)]()
[![Stars](https://img.shields.io/github/stars/Web-Dev-Codi/flixx-movie-search-database?style=for-the-badge&color=FF2D78&labelColor=0A0A1A)]()

🍿 **Find any movie, anytime:**

- 🔍 Advanced search capabilities
- 📊 Detailed movie information
- 🎭 All genres covered

---

## 😂 Random Dev Joke

![Jokes Card](https://readme-jokes.vercel.app/api?theme=dark&bgColor=%230A0A1A&textColor=%2300D4FF&borderColor=%23FF2D78&qColor=%23FF2D78&aColor=%2300FF9C&codeColor=%237209B7)

---

## 🔗 Let's Connect

[![GitHub](https://img.shields.io/badge/GitHub-@Web--Dev--Codi-FF2D78?style=for-the-badge&logo=github&logoColor=white&labelColor=0A0A1A)](https://github.com/Web-Dev-Codi)
[![Website](https://img.shields.io/badge/Website-web--dev--codi.onrender.com-00D4FF?style=for-the-badge&logo=googlechrome&logoColor=white&labelColor=0A0A1A)](https://web-dev-codi.onrender.com/)

---

> *"Code is like humor. When you have to explain it, it's bad."* — **Cory House**

---

### ⭐ If you enjoy my work, consider giving my repos a star

Made with ❤️ by **Web-Dev-Codi** | Berlin, Germany 🇩🇪

![Made with Love](https://custom-icon-badges.demolab.com/badge/-Made%20with%20Love-FF2D78?style=flat-square&logo=heart&logoColor=white&labelColor=7209B7)

![Footer](https://capsule-render.vercel.app/api?type=waving&color=00D4FF,FF2D78,7209B7&height=150&section=footer)