Profile

Enterprise Pricing FAQ

Sign In Sign Up

v0 - jacobparis - v0 by Vercel

Jacob Paris

@jacobparis

@jacobmparis

jacobparis

jacobparis.com

Activity

Showcase

v0 Login Google

Build your own shadcn/ui registry in v0. Use v0 to modify components and deploy directly to Vercel. Use the shadcn CLI to install your new components.

shadcn/v0 registry

NeonAuth + Stripe

NeonAuth + Stripe

Triangular QR codes

A clean markdown editor with formatting using Slate.js

Markdown Editor

This application is a simple todo list manager that allows users to create, update, delete, and toggle the completion status of tasks. It is built using TypeScript and React, leveraging the Drizzle ORM for database interactions with a Turso database.

To use the app, users can add new todos by entering a title in the input field and clicking the "Add" button. Each todo item can be edited by clicking on it, which allows users to change the title and save or cancel the changes. Users can also mark todos as completed by clicking a toggle button, delete them using a delete button, and view the total number of completed tasks.

The app is structured with a clear separation of concerns, utilizing components for the todo form and individual todo items. The database schema is defined using Drizzle ORM, which includes fields for the todo title, description, completion status, and timestamps for creation and updates. The application initializes the database by creating a todos table and inserting sample data if it is not already present.

Key features of the app include:
- A responsive user interface built with Tailwind CSS for styling.
- Real-time updates to the todo list as users interact with it.
- A clear setup guide for configuring the Turso database, including environment variable requirements.
- The ability to manage todos with a straightforward and intuitive interface.

The technologies involved in this application include TypeScript, React, Drizzle ORM, SQLite, and Tailwind CSS, providing a modern stack for building web applications.

Generate a random prompt and open it in v0

Stumble-a-prompt

The Chess Clock app is designed to provide a digital timer for chess games, allowing players to manage their time effectively during matches. The app features two main clock interfaces for each player, where users can start, pause, and switch between players' timers. The default settings include a 3-minute timer for one player and a 5-minute timer for the other, but these can be customized through the settings interface.

To use the app, players simply click on their respective clock to start the timer. Clicking on an active clock switches the timer to the other player, while clicking on a non-active clock starts the game. Players can reset the game at any time, which will restore the timers to their initial values. The app also includes a settings menu where users can adjust the initial time, add or remove players, and select player colors.

The app is built using TypeScript and React, leveraging hooks for state management and side effects. It utilizes the Lucide React library for icons and Tailwind CSS for styling, ensuring a responsive and visually appealing interface. Key features include real-time countdowns for each player's timer, customizable settings for game duration and player colors, and a user-friendly interface that allows for easy interaction.

Overall, the Chess Clock app serves as a practical tool for chess enthusiasts, providing a straightforward way to keep track of time during games while offering customization options to enhance the user experience.

An image editor with gif export in v0

vmoji image editor