Projects Index
- Gemini Chat Image Editor - Modern image generation and editing interface (Mar 2025)
- MagicSlide - AI-powered presentation generator (Mar 2025)
- Mermaid AI Generator - AI-powered diagram generation (Feb 2025)
- Self-Hosted Blog - Personal website on Raspberry Pi 5 (Feb 2025)
- Homework Bot - AI-powered homework assistance (Feb 2025)
- Enterprise Data Analyzer - Natural language data analysis (Jan 2025)
Gemini Chat Image Editor
March 23, 2025
A modern chat interface for generating and editing images with Google Gemini 2.0 Flash. This application transforms the original Gemini image editor into a sleek, intuitive chat experience similar to popular AI chat applications.
Features
- 💬 Modern chat interface for natural conversation flow with Gemini
- 🎨 Text-to-image generation with Gemini 2.0 Flash
- 🖌️ Image editing through natural language instructions
- 📱 Fully responsive design that works on mobile and desktop
- 🔄 Real-time chat updates with immediate message feedback
- 📸 Drag-and-drop image upload support
- 📥 Easy image downloading
- 🔤 Proper text wrapping and sizing for all screens
- ⚡ Optimized performance with auto-scrolling
How It Works
- Chat Naturally: Talk to Gemini as you would in any chat application
- Create Images: Generate images from text prompts within the chat
- Edit Images: Upload an image and describe how you want to edit it
- Conversation History: Continue refining your images through ongoing conversation
- Download Results: Save your generated or edited images with a single click
Try It Out
- Live App: Image Chat 🚀
- API: Get your Gemini API key here
MagicSlide
March 5, 2025
An AI-powered presentation generator that creates stunning slides from simple text prompts. This tool allows anyone to create professional-looking presentations without design skills, simply by describing what they want in natural language.
Screenshots
Features
- 🪄 AI-powered slide generation from text descriptions
- 🎨 Professional-looking presentations with modern design
- 👁️ Instant preview of generated slides
- 💾 One-click download as HTML files
- 🔒 Local operation with no data sent to external services (except Gemini API)
- 🖼️ Image search and embedding in slides
- 📊 Charts and diagrams automatically generated and embedded
- ⚙️ Advanced customization options for presentation style
- 👋 Intuitive welcome page for easy onboarding
How It Works
- Enter a description of the presentation you want to create
- AI generates the complete presentation code
- Preview your slides in real-time
- Download as HTML to use anywhere
SlideMagic AI makes creating presentations as simple as describing what you want, eliminating the need to manually design slides or learn complex presentation software.
Try It Out
- Live App: SlideMagic AI 🚀
- Code: github.com/joseph6377/MagicSlide 💻
Tech Stack
- Frontend: Next.js with TypeScript
- AI: Google Gemini API for text generation
- Presentation: Reveal.js framework
- Styling: TailwindCSS for responsive UI
This project demonstrates how AI can streamline creative tasks that traditionally required significant time and design skills.
Mermaid AI Generator
February 29, 2025
An AI-powered tool that automatically generates Mermaid diagram code from natural language descriptions. This project simplifies creating flowcharts, sequence diagrams, and other visualizations for documentation without needing to learn the Mermaid syntax.
Features
- 🤖 AI-powered diagram generation from text descriptions
- 📊 Support for multiple diagram types (flowcharts, sequence, class diagrams)
- ⚡ Live preview with real-time updates
- 🔄 Editable generated code for fine-tuning
- 📱 Responsive design works on desktop and mobile
How It Works
- Describe your diagram in plain English
- AI generates the corresponding Mermaid code
- Preview the diagram instantly
- Export as SVG or PNG for documentation
This tool bridges the gap between natural language and visual documentation, making it easier for developers, product managers, and technical writers to create professional diagrams without memorizing syntax.
Try It Out
- Live App: JoTkr Diagram Generator 🚀
- Code: github.com/joseph6377/mermaid-ai-generator 💻
Tech Stack
- Frontend: React with TypeScript
- AI: Fine-tuned language model for diagram conversion
- Rendering: Mermaid.js for diagram visualization
- Styling: Tailwind CSS for responsive UI
Based on the mermaid-js project, this tool extends its capabilities with AI to make diagram creation more accessible to everyone.
Self-Hosted Blog
February 21, 2025
Running this website on a credit-card sized computer! Built using a Raspberry Pi 5, this project shows how to create a professional website without expensive hosting services. The entire setup costs less than a year of traditional web hosting.
Features
- 🏠 Hosted on Raspberry Pi 5 (a tiny, energy-efficient computer)
- 🛡️ Secure connection through Cloudflare Tunnel
- ⚡ Fast loading with Hugo static pages
- 💰 Cost-effective (under $100 for hardware)
- 🌐 Custom domain: josepht.in
Tech Behind It
- Brain: Raspberry Pi 5 running latest ARM64 OS
- Engine: Nginx web server with Hugo
- Security: Cloudflare Tunnel for safe access
- Power Usage: Less than a light bulb! (~10W)
A perfect example of how modern technology can be both powerful and sustainable. The entire website runs on a device smaller than a sandwich!
Homework Bot
February 20, 2025
An AI-powered Telegram bot that helps parents guide their children through homework using Google Gemini AI. The bot provides educational assistance through text and image-based questions while adapting responses to different grade levels.
Features
- 📖 Text and image-based question answering with Gemini AI
- 🏫 Grade-specific responses (Elementary, Middle, and High School)
- 🔄 Easy grade selection via Telegram interface
- 🤖 Educational responses that promote learning
Try It Out
- Bot: t.me/Kev_HW_bot 📱
- Code: github.com/joseph6377/Nivek_HW 💻
Built with Python, Telegram API, and Google Gemini AI to create an educational tool that helps parents engage in their children’s learning journey.
Enterprise Data Analyzer
January 15, 2025
A Streamlit web app that transforms CSV data analysis through natural language. Powered by Groq AI, it converts plain English questions into Python code and interactive Plotly visualizations.
Features
- 📈 Interactive data exploration with CSV uploads
- 💬 Natural language to Python code conversion
- 📊 Automatic Plotly visualization generation
- 🌙 Modern dark theme interface
- 🔄 Smart error handling and code correction
Try It Out
- Live App: Streamlit Cloud 🚀
- Code: github.com/joseph6377/data_analyzer 💻
Built with Python, Streamlit, Groq AI, and Plotly to make data analysis accessible through conversation.