Project - Todogachii

A todo/digital pet app, made with React, Tailwind CSS, PostgreSQL, Prisma, Jose and Jotai

Front End

Next.js / React

The main app is built in Next.js, powered by React.

Tailwind CSS

Tailwind is the CSS library

Jotai

State management is handled largely by Jotai for global state, and the useState hook for component-based state

Backend

Next.js

Next.js's app router is used for all routing. API routes are under app/api

PostgreSQL

PostgreSQL is used to manage the database

Prisma

The Prisma ORM is used for managing the database

Jose

The Jose library is used for managing encryption and JWTs

Todo

Auth

• Implement bCrypt

  UI

• Design UI

  Pet

• Implement pet model
• Create pet interface
• Create pet routes

  Todo

• Create and implement todo list model
• Make Todo UI
• Implement multiple lists

Next

Getting Started with Dev Mode

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Next Docs

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!