Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mkaidev/ngapain-v2

Full Stack Trello Clone: Next.js 14, Server Actions, React, Prisma, Stripe, Tailwind, MySQL
https://github.com/mkaidev/ngapain-v2

Last synced: about 1 month ago
JSON representation

Full Stack Trello Clone: Next.js 14, Server Actions, React, Prisma, Stripe, Tailwind, MySQL

Awesome Lists containing this project

README

        

## Full Stack Trello Clone: Next.js 14, Server Actions, React, Prisma, Stripe, Tailwind, MySQL

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

---

# ⭐DO NOT FORGET TO STAR THIS REPO⭐

---

## Setup Environment

make a file name .env on root and input your own environment for this app.

```bash
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=

NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/

NEXT_PUBLIC_UNSPLASH_ACCESS_KEY=

STRIPE_API_KEY=
STRIPE_WEBHOOK_SECRET=

DATABASE_URL=

NEXT_PUBLIC_APP_URL=http://localhost:3000
```

## Video Tutorial

If you want to learn how to create it please follow below tutorial👇:

➡ Tutorial Link 💚: [Fullstack Trello Clone: Next.js 14, Server Actions, React, Prisma, Stripe, Tailwind, MySQL)](https://www.youtube.com/watch?v=pRybm9lXW2c)

## Images of The Website

![Homepage](https://res.cloudinary.com/dymu4drhj/image/upload/c_limit,w_800/f_auto/q_auto/d6cmqqzbmjaicqppuk6n?_a=BAVAfVBy0)

![Sign-in page](https://res.cloudinary.com/dymu4drhj/image/upload/c_limit,w_800/f_auto/q_auto/ih96rebv6nmqn6nn13so?_a=BAVAfVBy0)

![Board page](https://res.cloudinary.com/dymu4drhj/image/upload/c_limit,w_800/f_auto/q_auto/szwh3ovzxuwaq4ninzdx?_a=BAVAfVBy0)

![Activity page](https://res.cloudinary.com/dymu4drhj/image/upload/c_limit,w_800/f_auto/q_auto/fwg60fk1cjmzjmclbcyf?_a=BAVAfVBy0)

![Setting page](https://res.cloudinary.com/dymu4drhj/image/upload/c_limit,w_800/f_auto/q_auto/uizpl5053xllhop2cgsq?_a=BAVAfVBy0)

![Upgrade menu](https://res.cloudinary.com/dymu4drhj/image/upload/c_limit,w_800/f_auto/q_auto/i7ltpfhmvg9ipnwl0xea?_a=BAVAfVBy0)

![Billing menu](https://res.cloudinary.com/dymu4drhj/image/upload/c_limit,w_800/f_auto/q_auto/mfs6q9n1fts3e4w1wdyt?_a=BAVAfVBy0)

![Task board page](https://res.cloudinary.com/dymu4drhj/image/upload/c_limit,w_800/f_auto/q_auto/qlzv1ohy3umel4aompuk?_a=BAVAfVBy0)

![Card task list](https://res.cloudinary.com/dymu4drhj/image/upload/c_limit,w_800/f_auto/q_auto/hwsqnw35h7nfxiizxhzr?_a=BAVAfVBy0)