Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ikram-maulana/trellone
⚛️ A simple version of Trello clone built with Next.js and Tailwind CSS
https://github.com/ikram-maulana/trellone
next-auth nextjs t3-stack tailwindcss trello-clone trpc
Last synced: 25 days ago
JSON representation
⚛️ A simple version of Trello clone built with Next.js and Tailwind CSS
- Host: GitHub
- URL: https://github.com/ikram-maulana/trellone
- Owner: Ikram-Maulana
- Created: 2023-08-14T02:38:53.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-21T14:55:13.000Z (over 1 year ago)
- Last Synced: 2024-11-11T09:44:24.339Z (3 months ago)
- Topics: next-auth, nextjs, t3-stack, tailwindcss, trello-clone, trpc
- Language: TypeScript
- Homepage: https://trellone.vercel.app
- Size: 471 KB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Trellone
Trellone is a simple version of Trello clone built with Next.js, TRPC, and TailwindCSS. This project uses the template from T3 Stack.
Live example hosted on Vercel: [https://trellone.vercel.app/](https://trellone.vercel.app/)
## 🔑 Getting Google Client ID and Secret
To get Google Client ID and Secret, you need to create a new project on [Google Cloud Platform](https://console.cloud.google.com/). Then, go to [Google API Console](https://console.cloud.google.com/apis/credentials) and create new OAuth Client ID. After that, you can copy your Client ID and Secret.
## 🖥️ Running Locally
1. Clone this repo
```bash
https://github.com/Ikram-Maulana/trellone.git
```
2. Install dependencies
```bash
pnpm install
```
3. Add your `DATABASE_URL`, `NEXTAUTH_SECRET`, `GOOGLE_CLIENT_ID`, `GOOGLE_CLIENT_SECRET`, `UPLOADTHING_SECRET` and `UPLOADTHING_APP_ID` to your `.env` file
```bash
DATABASE_URL=
NEXTAUTH_SECRET=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
UPLOADTHING_SECRET=
UPLOADTHING_APP_ID=
```
4. Run the development server
```bash
pnpm dev
```
5. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result
## 🚀 Deploy on Vercel
1. Fork this repo
2. Create new project on Vercel
3. Connect your repo to Vercel
4. Add your `DATABASE_URL`, `NEXTAUTH_SECRET`, `GOOGLE_CLIENT_ID`, `GOOGLE_CLIENT_SECRET`, `UPLOADTHING_SECRET` and `UPLOADTHING_APP_ID` to your Vercel project environment variables
5. Deploy your project