Todo List Application

A simple Todo List web application built as part of a university assignment on vibe coding tools. The project explores how AI-assisted development tools can accelerate front-end application creation.

Preview

Features

• Add new tasks

• Edit existing tasks

• Delete tasks

• Mark tasks as completed

• Tasks persistence using localStorage

• Simple and clean user interface

Technologies Used:

• Next.js

• React

• TypeScript

• Tailwind CSS

• shadcn/ui

• Lucide React

Vibe Coding Tool:

This project was mainly developed using v0.dev by Vercel.

v0.dev is an AI-powered UI generation tool that creates React and Next.js components from natural language prompts. It was used to generate most of the application structure, UI components, and logic, which were then tested locally in VS Code.

Project Structure FINAL DOC/ ├── app/ ├── components/ ├── hooks/ ├── lib/ ├── styles/ ├── public/ ├── ANALYSIS.md ├── EXPERIENCE.md ├── README.md ├── package.json ├── tsconfig.json └── next.config.mjs

Installation and Setup Prerequisites; Node.js; (version 18 or higher) npm;

Steps:

• Clone the repository:

• git clone https://github.com/Flashman23/todo-list-vibe-coding.git cd FINAL-DOC

• Install dependencies

• npm install

• Run the development server

• npm run dev

• Open your browser at:

  http://localhost:3000

Running the Project with Docker Prerequisites:

• Docker Desktop installed and running

• Build the Docker Image from the project root directory docker build -t todo-list-vibe .

• Run the Docker Container docker run -p 3000:3000 todo-list-vibe

• Then open your browser at: http://localhost:3000

Academic Files

This project includes two academic documents

ANALYSIS.md:

Research and comparison of different vibe coding tools (Cursor, Windsurf, Replit Agent, v0.dev, Bolt.new).

EXPERIENCE.md:

Personal development experience using v0.dev, including challenges and reflections.

Purpose of the Project

The main objectives of this project are:

• To explore modern AI-assisted development tools

• To understand the concept of vibe coding

• To analyze advantages and limitations of these tools

• To reflect on their use in an academic and beginner context

License:

This project is intended for educational purposes and is released under the MIT License.