Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mnv17/todo-app
https://github.com/mnv17/todo-app
Last synced: about 8 hours ago
JSON representation
- Host: GitHub
- URL: https://github.com/mnv17/todo-app
- Owner: Mnv17
- Created: 2024-03-14T06:42:14.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-04-12T06:58:01.000Z (7 months ago)
- Last Synced: 2024-04-12T14:25:31.731Z (7 months ago)
- Language: TypeScript
- Homepage: https://todo-app-beta-eight-64.vercel.app/
- Size: 345 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Todo App
## Introduction
Demo Todo App with Next.js 14, Supabse, Drizzle ORM and MaterialUI
## Project Type
Frontend | Backend | Fullstack
## Deplolyed App
Deployed URL: (https://todo-app-beta-eight-64.vercel.app/)
## Directory Structure
todo-app/
├─ src/
│ ├─ db/
│ │ ├─ index.ts
│ │ └─ schema.ts
│ ├─ pages/
│ ├─ api/
│ ├─ auth/
│ │ └─ [...nextauth].ts
│ ├─ trpc/
│ │ ├─ [trpc].ts
│ │ ├─ app.tsx
│ │ └─ index.tsx
│ ├─ servers/
│ │ ├─ api/
│ │ │ ├─ routers/
│ │ │ │ ├─ todo.ts
│ │ │ │ └─ root.ts
│ │ │ └─ trpc.ts
│ │ └─ styles/
│ │ └─ global.css
│ ├─ utils/
│ │ ├─ api.ts
│ │ └─ env.js
## Video Walkthrough of the project
[Video(Project)](https://drive.google.com/file/d/1-Kl-5CzWCvuk4AicP83W8SFd6bwMMmHW/view?usp=sharing)
## Video Walkthrough of the codebase
[Video(Codebase)](https://drive.google.com/file/d/1tmfaPcPCHb0trl0vOa75egw1tWBz2SuQ/view?usp=sharing)
## Features
Features of this application.
- Manage tasks: Create, update, and delete todos with ease.
- Server actions: Utilize server-side logic for handling todo operations.
- Drizzle ORM integration: Seamlessly interact with the database using Drizzle ORM.
- MaterialUI: The app looks good because of MaterialUI.
## Installation & Getting started
1. Clone this repository:
```bash
git clone https://github.com/mnv17/Todo-App.git
```
2. Navigate to the project directory:
```bash
cd todo-app
```
3. Install dependencies:
```bash
npm install
```
4. Make .env folder
```
DATABASE_URL="postgres://postgres.aowjkpaephoqxhluktay:Krishvi@[email protected]:5432/postgres"
```
```
NEXTAUTH_URL="http://localhost:3000"
```
add these things so your server will run
## API Endpoints
GET (http://localhost:3000/) - retrieve all items
POST (http://localhost:3000/todos) - create a new item
## Technology Stack
List and provide a brief overview of the technologies used in the project.
- T3 stack
- TypeScript
- React.js
- Next.js
- NextAuth
- Drizzle ORM
- Supabase