End-to-end web applications built with modern full-stack fundamentals — Flask backends, responsive frontends, MySQL databases, and real-world use cases. By an AI & ML Engineering student from Mumbai, India.
This is my full-stack web development portfolio — projects that go beyond frontend tutorials into real, working applications with backends, databases, authentication, and user-facing products.
I'm Meet Maru, a CSE (AI & ML) student at VIVA Institute of Technology, Mumbai. My web development journey started with raw HTML, CSS, and JavaScript — and has evolved into building Flask APIs, database-connected platforms, and AI-powered web products.
Every project here was built to solve a real problem, for real users.
Stack philosophy: Start with fundamentals. Master the basics before the framework. Every project here reflects that — clean HTML, vanilla JS where possible, Flask when a backend is needed, MySQL for data persistence.
| Project | What it does | Stack | Impact | Status | Link |
|---|---|---|---|---|---|
| MineGuard | DGMS-compliant mine safety & compliance management system — offline-first field inspections, AI/ML hazard detection, CAPA workflows, OCR statutory digitizer, and multi-role portals for Mine Managers, Inspectors, and Corporate Admins | Next.js · React Native · Expo · Python · YOLO11 · Tailwind | Safety · Enterprise · GovTech | ✅ Live | Repo → |
| NextShare | Secure paste-sharing platform — share text/code with burn-after-read, view limits, and an admin dashboard with IP tracking | Node.js · Express · React · Vite · MongoDB · Redis | Privacy · Developer Tools | ✅ Live | Repo → |
| C-Thriftier | Clothing swap platform — users exchange, donate, or request clothes. Promotes sustainable fashion and reduces textile waste. | HTML · CSS · JS · PHP · MySQL | Sustainability · Community | ✅ Complete | Repo → |
| OrbitX (portfolio) | Interactive space learning platform with user authentication, structured learning modules, and modern UI | HTML · CSS · JS · Flask | EdTech · Space | ✅ Complete | Portfolio → |
| More coming | SaaS tools, dashboards, AI-powered web apps | Flask · JS · MySQL | — | 🔧 In Progress | — |
A production-deployed, enterprise-grade mine safety platform built for Smart India Hackathon — a real compliance system for a real regulatory problem.
What it is: A DGMS-compliant (Directorate General of Mines Safety) safety management ecosystem for coal mines. Connects Mine Managers, Statutory Safety Inspectors, and Corporate Administrators across web and mobile with offline-first capabilities, real-time sync, AI/ML hazard detection, and statutory compliance digitization.
What it taught me:
- Designing multi-role enterprise systems with role-specific dashboards and shared state
- Offline-first architecture — inspection queues that sync automatically when connectivity returns
- Integrating a YOLO11-based hazard detection pipeline (MineGuardAI) directly into a web platform
- Building OCR workflows that parse government gazette circulars into actionable CAPA tasks
- Managing complex Next.js App Router state across four distinct user portals
- Real cross-team collaboration — 4 contributors, branching strategy, production deploys on Vercel
Key features:
- 🛡️ Mine Manager Portal — Kanban CAPA board, crew roster, live sensor analytics, OCR statutory digitizer
- 📱 Mobile App (Expo/RN) — offline field inspections with GPS telemetry, auto-sync on reconnect
- ⚖️ Inspector Portal — real-time inspection status toggling and task management
- 🏢 Corporate Admin Dashboard — synchronized violation tracking and cadre management across mines
- 🤖 MineGuardAI — YOLO11-based hazard detection pipeline for underground mine safety
- 🌐 Multi-language support — custom i18n context with AI auto-translation
Stack: Next.js 14 · React Native (Expo) · Python · YOLO11 · Tailwind CSS · Recharts
Deploy: Vercel (web) · Render (API)
Compliance: DGMS · Coal Mines Regulations (CMR) 2017
A production-deployed, full-stack paste-sharing platform built from scratch with a real backend, real database, and real users in mind.
What it is: A secure, developer-friendly tool to share text and code snippets — with expiry options, burn-after-read modes, and per-paste view limits. Includes an admin dashboard with IP-level tracking across all paste actions, protected by secret-key authentication.
What it taught me:
- Designing a full REST API with Node.js + Express from scratch
- Managing ephemeral data with Redis (IP sets, view counters, session caching)
- Building a modern React/Vite frontend with complex state — burn modes, tab-close detection via
navigator.sendBeacon,beforeunload/visibilitychangelisteners - Debugging post-deployment issues (CommonJS/ESM conflicts in a Vite bundle, Render + Vercel cross-origin config)
- The real difference between local dev and production
Key features:
- 🔥 Burn-after-read — paste self-destructs on tab close or after N views
- 🛡️ Admin dashboard with IP tracking via Redis sets
- ⚡ React/Vite frontend deployed on Vercel
- 🚀 Express API deployed on Render
- 🗄️ MongoDB for paste persistence · Redis for ephemeral state
Stack: Node.js · Express · React · Vite · MongoDB · Redis
Deploy: Vercel (frontend) · Render (backend)
My first real web project. Built in 2025. No React, no fancy framework — just HTML, CSS, JavaScript, and the determination to ship something real.
What it is: A community-based clothing exchange platform. Users upload items they no longer need, browse what others have listed, and arrange swaps — reducing fast fashion waste one exchange at a time.
What it taught me:
- Designing database schemas for real user interactions
- Building forms and user flows without a UI framework
- Debugging PHP + MySQL integrations from scratch
- The difference between following tutorials and actually building
Why it matters: The fashion industry is one of the largest polluters in the world. C-Thriftier is a small but real attempt to change that — community by community.
Stack: HTML5 · CSS3 · JavaScript · PHP · MySQL (phpMyAdmin)
Frontend
Mobile
Backend
AI / ML
Database & Tools
Deployment
Full_Stack-Projects/
├── mineguard/ # DGMS-compliant mine safety platform (SIH)
│ ├── src/app/ # Next.js App Router (mine-manager, inspector, corporate-admin)
│ ├── MineGuard/ # React Native (Expo) mobile app
│ ├── aiml/ # MineGuardAI — YOLO11 hazard detection pipeline
│ ├── api/ # Python API
│ └── backend/ # Backend services
├── nextshare/ # Secure paste-sharing platform
│ ├── frontend/ # React + Vite (Vercel)
│ └── backend/ # Node.js + Express + MongoDB + Redis (Render)
├── c-thriftier/ # Sustainable clothing swap platform
│ ├── index.html
│ ├── style.css
│ ├── script.js
│ ├── backend/ # PHP + MySQL
│ └── README.md
├── orbitx/ # Space learning platform
│ ├── frontend/
│ ├── backend/ # Flask
│ └── README.md
└── README.md # This file
Frontend-only projects (HTML/CSS/JS):
git clone https://github.com/ivengexnce/Full_Stack-Projects.git
cd Full_Stack-Projects/project-name
# Open index.html in your browser — that's itMineGuard (Next.js + Expo):
# Web app
cd mineguard
npm install
npm run dev
# → http://localhost:3000
# Mobile app
cd mineguard/MineGuard
npm install
npx expo startNextShare (Node.js + React):
# Backend
cd nextshare/backend
npm install
# Set env vars: MONGO_URI, REDIS_URL, ADMIN_SECRET
node index.js
# → http://localhost:3000
# Frontend
cd nextshare/frontend
npm install
npm run dev
# → http://localhost:5173Flask backend projects:
cd project-name
pip install -r requirements.txt
python app.py
# → Open http://localhost:5000PHP + MySQL projects:
# Requires XAMPP or WAMP
# Place project folder in htdocs/
# Import the .sql file via phpMyAdmin
# Open http://localhost/project-name- Flask + React SaaS — combining Python backend with modern frontend
- AI-powered web apps — integrating ML models directly into web products
- REST API design — building clean, documented APIs (building on SentiFlow)
- Full auth systems — JWT, sessions, OAuth
- Deployment — Vercel (frontend) + Railway/Render (Flask backend)
Found a bug? Have a feature idea? Contributions are welcome at all levels.
# Fork → Branch → Build → PR
git checkout -b feature/your-contribution
git commit -m "feat: describe what you added"
git push origin feature/your-contributionCheck open issues — especially good first issue tags for beginners.
| Repo | What's inside |
|---|---|
| AI_Projects | Computer vision, NLP, emotion detection, LLMs |
| ML_Projects | End-to-end machine learning pipelines |
| Python_Projects | Automation, GUI tools, beginner-friendly Python |
| SentiFlow | Production sentiment API — Docker + AWS + CI/CD |
| DevLens | Browser extension for developer productivity |
MIT © Meet Maru
Built by Meet Maru · Full-Stack & AI Developer · Mumbai, India · Open to Internships
Star ⭐ if any of this helped you build something real.