TOPLIST

About TOPLIST

Installation

Install

turbo install

In the apps/web folder, copy the env.example to env.local and enter the environment values

In the packages/database, copy the env.example to .env and enter the DATABASE_URL

Migration

db:migrate

Start

turbo dev

Libraries

🤖 ReactJS
🎯 TypeScript
💫 NextJS 14 - App router and server actions
🐧 next-auth
🤗 Prisma ORM
🎭 Postgres
🚀 Turborepo 🎯 TailwindCSS
🔥 shadcn
💌 next-themes 🖋 Zod validation 🎰 React Form Hook
💒 Tiptap
🐢 react-toastify 🍾 react-textarea-autosize
🐠 lucide-react icon
🐴 dayjs
🤗 Eslint 💥 Husky
👽 Prettier

Functions

Front side functions

• [x] Register by email or github
• [x] Login by email, github or magic link
• [x] User logout
• [ ] Verify email
• [ ] Forgot password
• [x] CRUD post
• [x] List post: Search & filter by top or hot week, month, year, infinity
• [x] Like post
• [x] Comment on post
• [ ] Share post
• [x] Manage tag
• [ ] Follow user
• [ ] Multiple theme & dark mode or light mode
• [ ] Multiple language
• [ ] Follow tag
• [ ] Manage user profile
• [ ] Multiple type: post/question

Admin functions

• [ ] Dashboard
• [ ] CRUD tags
• [ ] CRUD users
• [ ] Manage posts
• [ ] Manage images
• [ ] Settings: Header/Menu

DEV NOTES

[1][DEV NOTE] Initial turbo project and add tailwindcss library
[2][DEV NOTE] Integrate prisma and postgres database
[3][DEV NOTE] Create a form with tiptap and react-textarea-autosize