Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/roberthgnz/ko-dev
🚀 A full-stack web application inspired by Ko-fi and Patreon, built with Next.js, Tailwind CSS, and Supabase.
https://github.com/roberthgnz/ko-dev
hacktoberfest nextjs paypal-checkout shadcn-ui supabase tailwindcss typescript
Last synced: 2 months ago
JSON representation
🚀 A full-stack web application inspired by Ko-fi and Patreon, built with Next.js, Tailwind CSS, and Supabase.
- Host: GitHub
- URL: https://github.com/roberthgnz/ko-dev
- Owner: roberthgnz
- Created: 2024-05-20T21:30:33.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-11-16T23:00:55.000Z (3 months ago)
- Last Synced: 2024-11-17T00:21:00.184Z (3 months ago)
- Topics: hacktoberfest, nextjs, paypal-checkout, shadcn-ui, supabase, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 1.51 MB
- Stars: 5
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Full-Stack WebApp | Ko-fi + Patreon Clone
A full-stack web application inspired by Ko-fi and Patreon, built with Next.js, Tailwind CSS, and Supabase.
## 🛠️ Stack
- [**Next.js**](https://nextjs.org/) - The React Framework for the Web
- [**Typescript**](https://www.typescriptlang.org/) - JavaScript with syntax for types.
- [**Tailwindcss**](https://tailwindcss.com/) - A utility-first CSS framework for rapidly building custom designs.
- [**Supabase**](https://supabase.com/) - The Open Source Firebase Alternative.
- [**PayPal**](https://www.paypal.com/en/home) - JavaScript SDK for PayPal RESTful APIs.
- [**Prettier**](https://prettier.io/) + [prettier-plugin-tailwindcss](https://github.com/tailwindlabs/prettier-plugin-tailwindcss) - An opinionated code formatter.
## ✨ Features
- 🔐 **Authentication** - Sign in with email or Google.
- 👤 **Profile** - Update your profile information.
- 📊 **Dashboard** - Manage your subscriptions.
- 💳 **Subscriptions** - Offer subscription plans to your supporters. (PayPal support).
- ⚙️ **Settings** - Manage your account settings.
- 🔒 **Post Privacy** - Choose who can see your posts (public, private, or followers).
- 👥 **User following** - Follow other users and see their posts.
- 👍 **Post Likes** - Like posts and see who liked them.
- 💬 **Post Comments** - Comment on posts and see who commented.
- 🔄 **Post Sharing** - Share posts with your followers.
## 🚀 Getting Started
You will need:
- [Node.js 18+ (recommended 20 LTS)](https://nodejs.org/en/).
- [Git](https://git-scm.com/).
1. [Fork](https://github.com/roberthgnz/ko-dev/fork) this repository and clone it locally:
```bash
git clone [email protected]:your_username/ko-dev.git
```
2. Install dependencies:
```bash
# Install pnpm globally if you don't have it:
npm install -g pnpm
# and install dependencies:
pnpm install
```
5. (Optional) If you want to run locally, you will need to create a `.env` file in the root of the project with the following variables:
- [Create a Supabase account](https://supabase.com/dashboard/projects).
- [Create a PayPal account](https://www.paypal.com/es/webapps/mpp/account-selection).
```bash
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
SUPABASE_SERVICE_ROLE_KEY=
NEXT_PUBLIC_PAYPAL_CLIENT_ID=
PAYPAL_CLIENT_ID=
PAYPAL_CLIENT_SECRET=
```
## ✌️ Contributing
## 🔑 License
- [MIT](https://github.com/roberthgnz/ko-dev/blob/main/LICENSE).