Good vibe coding projects are small, finished and checked: a tool with one clear job, a database with sign-in, an AI feature you have measured, or an audit of someone else's AI-built app. Build with an AI app builder or coding agent, then add what the AI will not add for you: tests, security checks and a README that explains your decisions.
Anyone can generate an app in an afternoon. What a reviewer wants to know is whether you understand it. Each idea below ends with a stand-out upgrade that shows you do: a test, a security check, a measured result or a decision you can defend.
- 1Specone user, three features
- 2Promptsmall steps, one at a time
- 3Reviewread every diff
- 4Checktests and security
- 5Shiplive link and README
Weekend builds with no backend
Pomodoro and study-streak tracker
BeginnerVite and React, browser storage
DataNone
Stand-outKeyboard shortcuts and an accessibility score above 90 in Lighthouse
Link-in-bio page with a custom domain
BeginnerHTML, Tailwind CSS, Cloudflare Pages
DataYour own links
Stand-outPerformance score above 95 and no layout shift when images load
Currency converter with offline fallback
BeginnerReact, Frankfurter API
DataFrankfurter exchange rates (free, no key)
Stand-outShows the last good rates when offline and has a test for every conversion
Weather dashboard for five cities
BeginnerReact, Open-Meteo
DataOpen-Meteo forecast API (free, no key)
Stand-outClear error states and a seven-day chart you can explain line by line
Pokédex with search and favourites
BeginnerVite or Next.js, PokéAPI
DataPokéAPI (free, no key)
Stand-outDebounced search and favourites that survive a page refresh
Recipe finder by ingredients you have
BeginnerReact, TheMealDB
DataTheMealDB (free test key for development)
Stand-outRanks recipes by how many of your ingredients match
Apps with sign-in and a database
Expense splitter for hostel friends
IntermediateAI app builder or Next.js, Supabase
DataYour own schema
Stand-outRow-level security so only group members see a group, proved with two test accounts
Habit tracker with streaks
BeginnerReact, Supabase Auth
DataYour own schema
Stand-outStreak logic with unit tests for missed days and time zones
Study group scheduler
IntermediateNext.js, Supabase
DataYour own schema
Stand-outAn availability-overlap algorithm and a calendar (.ics) export
Job-application tracker as a kanban board
IntermediateReact, drag and drop, Supabase
DataYour own schema
Stand-outCSV export and email reminders from a scheduled function
Equipment booking for a college club
IntermediateNext.js, Postgres
DataYour own schema
Stand-outA database constraint that blocks double booking, with a concurrency test
Feedback board with upvotes
IntermediateReact, Supabase
DataYour own schema
Stand-outOne vote per user enforced in the database, plus a rate limit against abuse
AI-powered apps
Chat with your college notes (RAG)
IntermediateGemini or OpenRouter free models, a vector store
DataYour own PDFs
Stand-outCited answers and a 20-question test sheet scored before and after each change
Resume reviewer with a fixed rubric
IntermediateAn LLM API with structured JSON output
DataYour resume and three sample job descriptions
Stand-outSame score across five runs, plus a note on privacy and bias
Flashcard generator from lecture PDFs
BeginnerAn LLM API, Supabase
DataYour own lecture notes
Stand-outSpaced-repetition scheduling and a check that every card matches the source
Voice-to-expense logger
IntermediateWhisper or a Gemini audio model, Supabase
DataYour own recordings
Stand-outWord error rate on 20 spoken examples and a confirm-before-save step
Code explainer for beginners
BeginnerAn LLM API, React
DataPublic files from GitHub
Stand-outBeginner and expert modes, with a thumbs-up log used to improve the prompts
Hindi and English FAQ bot for a local business
IntermediateAn LLM API, a web chat widget
DataThe business's real FAQs, with permission
Stand-outA test set in both languages and a count of wrong answers
Automation and bots
Telegram expense bot
IntermediateCloudflare Workers, Telegram Bot API
DataYour own messages
Stand-outSafe handling of repeated messages and a /report command
Daily Hacker News digest by email
BeginnerScheduled Cloudflare Worker, an email service
DataHacker News API (free, no key)
Stand-outSource links on every item and a working unsubscribe link
GitHub issue triage helper
IntermediateGitHub API, an LLM
DataIssues from your own repository
Stand-outSuggested labels need a human approval, scored on 30 past issues
Price-drop watcher for one product
IntermediateScheduled function, a notifier
DataA page you are allowed to read, or an official API
Stand-outRespects robots.txt and rate limits, and logs every check
Earthquake alert page for your region
BeginnerA map library, USGS feed
DataUSGS earthquake GeoJSON feed (free, no key)
Stand-outA distance filter and alerts through a free channel such as Telegram
IFSC and bank-branch lookup
BeginnerReact, Razorpay IFSC API
Dataifsc.razorpay.com (free)
Stand-outInput validation for malformed codes and a cached last result
Mobile apps, extensions and real-time
Habit app on your phone with Expo
IntermediateExpo (React Native), an AI coding agent
DataYour own schema
Stand-outTested on a real phone and usable offline
Browser extension that summarises a page
IntermediateManifest V3, an LLM API
DataThe page you are reading
Stand-outThe API key stays on a small proxy, not inside the extension
Installable expense app that works offline
IntermediateA progressive web app, IndexedDB
DataYour own data
Stand-outInstalls from the browser and syncs when the connection returns
Packaged-food label scanner
IntermediateBrowser camera API, Open Food Facts
DataOpen Food Facts API (free)
Stand-outFlags allergens and states honestly where Indian products are missing
Quiz game with a live leaderboard
IntermediateWebSockets or Supabase Realtime
DataYour own questions
Stand-outAnswers checked on the server, so the browser cannot cheat
Prove you understand the code
Audit a vibe-coded app and fix five problems
IntermediateAny app built with an AI tool
DataYour own app or an open-source one
Stand-outA report with each flaw, how you exploited it in a test and the fix
Add tests to an AI-generated app
IntermediateVitest or Jest, Playwright
DataAn app that already works
Stand-outA coverage report and tests that fail when you break a rule on purpose
Rebuild one feature by hand
IntermediateYour editor with the AI switched off
DataOne feature from an earlier project
Stand-outA before-and-after comparison of time, bugs and lines of code
Prompt log and decision record
BeginnerMarkdown files in your repository
DataYour own project
Stand-outEvery prompt that changed the design, with what you accepted and what you rejected
Speed and cost review of an AI app
IntermediateLighthouse, your provider's usage dashboard
DataYour own app
Stand-outPage load time and API cost per user, before and after, in a table
Move a prototype into your own repository
IntermediateExport to GitHub, Cloudflare Pages or Vercel, Supabase
DataA prototype from an AI app builder
Stand-outEnvironment variables, CI, a custom domain and a written rollback plan
Rules that keep a vibe-coded project honest
- Write the one-line goal and the three features before the first prompt.
- Commit to Git after every working step so you can undo a bad prompt.
- Read every change the AI makes; ask it to explain anything you cannot follow.
- Keep secrets out of the repository and out of prompts.
- Test the rules that must never break: who can see whose data, and what happens on bad input.
- Record in the README what you built, what the AI built and what you checked.
Frequently asked questions
What can I build with vibe coding as a beginner?
Start with a tool that has one job and no database: a converter, a dashboard on a free API or a tracker that stores data in the browser. Then add sign-in and a database.
Are vibe-coded projects good for a resume?
Yes, if you can explain the code, show tests and name what you verified. A reviewer is looking for judgement, not for proof that you can type a prompt.
Which AI tool should I use for these projects?
Any of them. Try an AI app builder for the first screen, then move to a coding agent or editor when you want control of the code.
How do I make an AI-built project secure?
Follow the security checklist for vibe-coded apps: protect your data with row-level security, keep keys out of the browser and test the unhappy paths.
Learn this with mentors
Programmes for builders and engineers with admissions open: live classes, mentors and project work.
