Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/diogo-karma/karma-auth

A simple authentication experiment using Google, Apple, Email, and SMS, with a Trello-like application integrating Next.js, Supabase, Clerk
https://github.com/diogo-karma/karma-auth

Last synced: 14 days ago
JSON representation

A simple authentication experiment using Google, Apple, Email, and SMS, with a Trello-like application integrating Next.js, Supabase, Clerk

Awesome Lists containing this project

README

        

# Trello's like by KARMA.yt

This project is a simple authentication experiment using Google, Apple, Email, and SMS, with an application similar to Trello. It is a comprehensive example of integrating Next.js with Supabase, Clerk, and Material UI to create a robust TODO application. It showcases CRUD operations, authentication, and a modern UI design.

## Overview

In this code, we will build a CRUD application by combining three major technologies. We will use Clerk for authentication, Supabase for the database, and Next.js as a framework.
You will also learn in this experiment:
- How to create a Route Handler with the Next.js 14 App Router?
- How to set up an authentication system with Clerk?
- How to establish a Supabase connection with a JWT token?

We are also in the alpha phase of migrating to Tailwind CSS and integrating payment systems.

## Features

- **CRUD Operations**: Create, read, update, and delete your TODOs.
- **Authentication**: Secure user authentication using Clerk.
- **Database**: Supabase integration for backend storage.
- **UI**: Sleek user interface with Material UI.

## Getting Started

- Node.js
- pnpm, npm, or yarn
- Clerk and Supabase installations must be done, and the API keys must be in the .env.local file.

Clone the repository:

```bash
git clone https://github.com/diogo-karma/karma-auth.git
```

Install dependencies:

```bash
pnpm install
# or
npm install
# or
yarn install
```
Run the development server:

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

Diogo "Karma" Tzion
License: MIT