cv0629-blog / simple_todo_list_app

Home Page:simple-todo-list-app-two.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Sample TODO App

A simple TODO App built using Next.js

How to build

This app using npx command, please install it.

First, Setup Github Apps for Auth

  1. Go to Developer Settings on GitHub.
  2. Click on "New GitHub App"
  3. Name your GitHub App. In my example, "sample todo app (local"
  4. Add your homepage URL
  5. For the "Callback URL" field, put http://localhost:3000
  6. If the "Active" field under "Webhook" is checked, uncheck it. Now, click on "Create Github App"
  7. Once your app is created, you should see the following screen. Click on "Generate a new client secret"
  8. Copy the client secret you generated and paste it under the GITHUB_SECRET value in your .env file
  9. Copy the Client ID and paste it under the GITHUB_ID value in your .env file

Second, install other library

npm install

in local using SQLite, run the migrate command

npx prisma migrate dev

run the development server

npm run dev

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

Deploy on Vercel

in preparation

About

simple-todo-list-app-two.vercel.app


Languages

Language:TypeScript 94.2%Language:JavaScript 4.1%Language:Shell 1.4%Language:CSS 0.3%