Vibe coding

5 apps you can create over the weekend with AI

May 22, 2026 9 minutes

The main barrier for your first vibe-coding project isn't technical. It's the question of 'where to start.' Which idea to choose that is simple enough for a first try but useful enough to want to finish?

Below are five specific ideas with prompts to get you started, realistic time estimates, and tech stacks. Each solves a real problem and can be built over the weekend.

How to read this article Each project includes a starting prompt for Claude Code, a time estimate, and a basic tech stack. Copy the prompt as is or adapt it to your niche — the principle is the same.
1
Habit tracker with analytics
Track completed habits, see monthly progress
Time1 day
DifficultyBeginner
PlatformWeb or mobile
React localStorage Recharts

A classic starter project not because it's easy, but because you use it yourself every day. When you create something for yourself, the motivation to finish is greater.

MVP features: list of habits, checkbox for each day, current streak, simple chart for 30 days. More features in the next version.

Starting prompt
Create a web app in React — a habit tracker. Features: 1) Add/remove a habit. 2) Mark a habit as completed today. 3) Show current streak (consecutive days). 4) Chart of completion for the last 30 days (Recharts). Data stored in localStorage. Dark theme, accent color — orange #FF6B1A.

After this prompt, you'll have a working base. Then add through dialogue: reminders, categories, data export.

2
Content plan generator
Enter a niche and get 30 post ideas
Time1-2 days
DifficultyBeginner
PlatformWeb
Next.js Claude API Vercel

The first project where you integrate an external API. The user inputs a niche, clicks a button — and gets 30 post ideas with formats. What used to take an hour now takes 30 seconds.

Starting prompt
Create a web app in Next.js. Main page: input field for niche, 'Generate' button. When clicked, it sends a request to the Claude API (claude-sonnet-4-6) with the prompt: generate 30 social media post ideas for the niche [niche], specifying the format (carousel/video/text/reel) for each. The result is displayed as a list. Dark theme.

Store the Claude API key in Vercel environment variables, not in the code.

3
Personal dashboard
Weather, tasks, quote of the day — all on one screen
Time1-2 days
DifficultyBeginner
PlatformWeb
React OpenWeather API localStorage

The homepage of your browser that you created just for you. Weather widget, daily task list, random quote. This project teaches you to work with multiple APIs simultaneously.

Starter Prompt
Create a personal dashboard in React. Blocks: 1) Current time and date. 2) Weather via OpenWeatherMap API (city entered in settings). 3) Today's task list (add/remove/mark), saved in localStorage. 4) A random motivational quote on load. Dark background #060402, minimalist design.

Want to build your first app?

Vibe Coding Course: from zero experience to a working product. Step-by-step instructions with real examples.

Watch the course
4
Calculator for your niche
Calculates what your audience manually computes
Time4-8 hours
DifficultyBeginner
PlatformWeb
HTML/CSS/JS Vercel

The technically simplest but most valuable type for monetization. Find a calculation that people in your niche do manually and automate it. Calorie calculator, ad cost calculation, equipment payback, freelancer rate.

Starter Prompt (example for freelancers)
Create a freelancer rate calculator using HTML/CSS/JavaScript (one file). Fields: desired monthly income, number of working days, average hours per day, percentage of time on non-working tasks. Result: minimum and recommended rates (+30% buffer). Explanation of the calculation below the result.

Such a calculator can be used as a lead magnet or placed on a website for SEO traffic.

5
Minimal online store
Product showcase + cart + payment via Stripe
Time2 days
DifficultyMedium
PlatformWeb
Next.js Stripe Vercel

The most ambitious of the five, but realistic in two days. Not a full marketplace — a simple showcase with 5-10 products, a cart, and payment. Minimum for real sales.

Starter Prompt
Create an online store using Next.js. MVP features: 1) Product grid page (data in JSON file: name, price, description, image). 2) Cart with adding/removing products (Context). 3) Payment page via Stripe Checkout. 4) Successful payment page. Use Stripe test keys. Dark theme.

After launching in test mode — change Stripe keys to live ones and go through verification. The store is ready for real sales.

How to choose your first project

You don't need to start with the simplest or most useful. Start with something you would want to use yourself. An app for yourself provides built-in feedback and motivation to see it through.

If you don't know where to start — take a habit tracker. A clear task, minimal complexity, visible results from day one. Then move on to more complex projects with the experience gained.

The main rule: one function that actually works is better than ten functions that are 'almost ready'. Launch a working version — and then iterate.

About errors and bugsWhen something doesn't work — don't panic. Copy the error message completely and paste it into Claude Code. In 90% of cases, the AI explains the reason and suggests a fix. It's a normal part of the process.

The next step after your first app

The first app is not the goal. It's a starting point. After it, you understand how the process works, where the weak spots are, and what you want to improve next time.

Most people who complete their first work project take on a second one within a week. Not because they have to — but because ideas emerge and confidence grows that they can be realized.

Choose one of the five projects above. Install Claude Code, create a new folder, and paste the starter prompt. In a few hours, you'll have something working on your screen.

Vibe-Coding Course: Build your first app over the weekend

A step-by-step course breaking down each stage. A working product — not a school project.

Start Course