A modern web application built with v0, Vibe Coding, and customized through hands-on development.
Critical Points is a modern and responsive web application developed using v0 and the Vibe Coding workflow.
The project started with v0 by Vercel to rapidly generate the initial interface and structure. From there, I manually customized, refactored, and enhanced the application by editing components, improving layouts, refining the user experience, and adapting the code to match my own vision.
This project demonstrates how AI-assisted development and manual coding can work together to create polished, production-ready web applications.
- 🎨 Modern and clean user interface
- 📱 Fully responsive design
- ⚡ Fast performance with Next.js
- 🧩 Reusable React components
- 🎯 Improved UI/UX
- 🌙 Elegant design system
- 🚀 Production deployment with Vercel
- Next.js
- React
- TypeScript
- Tailwind CSS
- shadcn/ui
- v0 by Vercel
- Vibe Coding
- Vercel
app/
components/
hooks/
lib/
public/
styles/
Clone the repository
git clone https://github.com/IKHLASSROH/critical-points.gitNavigate to the project
cd critical-pointsInstall dependencies
pnpm installStart the development server
pnpm devOpen your browser
http://localhost:3000
🔗 https://critical-points.vercel.app
Building this project helped me gain practical experience with:
- AI-assisted web development using v0
- The Vibe Coding workflow
- Reading, understanding, and extending AI-generated code
- Building reusable React components
- Developing with the Next.js App Router
- Creating responsive layouts using Tailwind CSS
- Deploying production applications on Vercel
Ikhlass Rohni
GitHub: https://github.com/IKHLASSROH
If you found this project interesting, consider giving it a ⭐ to support my work.