Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dj1samsoe/do-it
Next JS Task Management App built using Next JS 14, Tailwind CSS, Shadcn-UI, PostgreSQL, Next-auth
https://github.com/dj1samsoe/do-it
next-auth nextjs postgresql shadcn-ui tailwindcss
Last synced: about 2 months ago
JSON representation
Next JS Task Management App built using Next JS 14, Tailwind CSS, Shadcn-UI, PostgreSQL, Next-auth
- Host: GitHub
- URL: https://github.com/dj1samsoe/do-it
- Owner: dj1samsoe
- Created: 2024-06-03T09:02:55.000Z (7 months ago)
- Default Branch: master
- Last Pushed: 2024-07-10T08:15:17.000Z (6 months ago)
- Last Synced: 2024-07-10T21:24:54.942Z (6 months ago)
- Topics: next-auth, nextjs, postgresql, shadcn-ui, tailwindcss
- Language: TypeScript
- Homepage: https://do-it-blush.vercel.app
- Size: 133 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Documentation
This is Documentation how to set up this project!
## Installation
1. Clone this repository to your local machine using:
```bash
git clone https://github.com/dj1samsoe/do-it.git
```
2. Navigate to the project directory:
```bash
cd do-it
```
3. Install the dependencies:
```bash
npm install
```
## Usage
1. Configure your settings in the .env file.
2. Get the Google Secret key in Google Cloud Console until get this :
```bash
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
```
then copy the key, and paste into your .env file
3. Add this to your .env file :
```bash
NEXTAUTH_URL=http://localhost:3000/api/auth
NEXTAUTH_SECRET=your_secret_code
```
4. Connect your database using Postgresql (in my case I'm using [Aiven](https://aiven.io/))
5. Paste your database url like this :
```bash
DATABASE_URL="postgres://username:password@host:port/dbname"
```
6. Run the Prisma migration to set up your database schema:
```bash
npx prisma migrate dev
```
7. Start the development server:
```bash
npm run dev
```
8. Access the application in your browser at http://localhost:3000.
## Reference
1. Design UI : [Behance](https://www.behance.net/gallery/157754015/To-Do-List-UI-Design/modules/890065645)
2. Documentation :
- [Next.JS](https://nextjs.org/)
- [TailwindCSS](https://tailwindcss.com/docs/installation)
- [Shadcn-UI](https://ui.shadcn.com/)
- [NextAuth](https://next-auth.js.org/)