Shoryuken is Trello-like web app created with NextJS and TailwindCSS

Overview

Shoryuken

Thumbnail

Shoryuken is Trello-like web app created with NextJS and TailwindCSS. It has some features like:

  • Authentication parts are like sign up, sign in, sign out, forgot password, and reset password.
  • Create a board, open board detail, update board title, and delete a board.
  • Create a list, update list title, and delete a list.
  • Create a card, update card title and description, and delete a card.

Installation

You need to follow these steps to install this project on your machine:

  1. Clone the repo from GitHub.
git clone [email protected]:gattigaga/shoryuken.git
  1. Open the directory and run yarn to install node_modules.
yarn
  1. Sign in and create a project in Supabase.

  2. Create database with this schema below in this page.

DB Schema

  1. Setup to enable Google Authentication in Supabase with this guide.

  2. Create .env.local in root directory and fill it with supabase url and anon key you got from this page in Supabase.

NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
  1. Run the project with yarn.
yarn dev
You might also like...
Redesign of Medium.com with Next.js, Tailwindcss
Redesign of Medium.com with Next.js, Tailwindcss

Medium.com (Redesign with Next.js & Tailwindcss) It is a redesign of the popular blogging website Medium.com. It is designed with React and Tailwindcs

Redesign of linkedin.com with Next.js, Tailwindcss
Redesign of linkedin.com with Next.js, Tailwindcss

Linkedin.com (Redesign with Next.js & Tailwindcss) It is a redesign of the professional networking and career development website Medium.com. It is de

🗳Nextjs app to create and share polls

Oh My Poll create and share polls privately or publicly -- its fast and free! Tech Stack Next.js TailwindCSS Prisma PlanetScale External Dependencies

GPT-3 Powered Serverless App using NextJS & React

A Demo GPT-3 Powered Web App, created using NextJS & ReactJS QuickStart Clone this repo update the OpenAI key in .env.local file: Sample .env.local fi

How to deploy Nextjs (+mongoose) app with Nginx by docker

How to deploy Nextjs + database app with docker multi-containerHow to deploy Nextjs + database app with docker multi-container

 WunderGraph Demo joining Apollo Federation (with Subscriptions), REST and GraphQL APIs and consuming it from a NextJS application
WunderGraph Demo joining Apollo Federation (with Subscriptions), REST and GraphQL APIs and consuming it from a NextJS application

This Repository demonstrates how to combine 7 APIs (4 Apollo Federation SubGraphs, 1 REST, 1 standalone GraphQL, 1 Mock) into one unified GraphQL API which is then securely exposed as a JSON API to a NextJS Frontend.

Commenting System built with NextJS and Sanity
Commenting System built with NextJS and Sanity

Commenting System built with NextJS and Sanity

A static blog build on top of Notion and NextJS, deployed on Vercel.
A static blog build on top of Notion and NextJS, deployed on Vercel.

A static blog build on top of Notion and NextJS, deployed on Vercel.

A full stack e-commerce website for learning purposes and built with Typescript, Nextjs, Redux-toolkit, semantic-ui-react

A full stack e-commerce website for learning purposes and built with Typescript, Nextjs, Redux-toolkit, semantic-ui-react

Comments
  • Nice project !!

    Nice project !!

    Nice project !. I love it. I have some request improvement

    Improvement

    • delete board have no confirmation
    • delete list card have no confirmation
    • Some space button and form too close (ex: description form and button save) image

    Nice Feature if has

    It would be great if it support markdown

    image

    opened by RioChndr 1
Owner
Gattigaga Hayyuta Dewa
Indonesian. Moslem. Frontend Developer. Specialized in React. Javascript learner. Code for money to live.
Gattigaga Hayyuta Dewa
A Facebook clone web app built with Nextjs&Reactjs - Tailwindcss - firebase - heroIcons

A Facebook clone web app built with Nextjs&Reactjs - Tailwindcss - firebase - heroIcons

Mr.kouhadi 8 Sep 9, 2022
A Fullstack Food Ordering App which created with NextJS.

A Fullstack Food Ordering App which created with NextJS. Click demo to try it by yourself! Food Ordering App Demo Link You can view the site here Clic

Özge Coşkun Gürsucu 7 Aug 17, 2022
Bookmark manager on steroid built with React / NextJs / Apollo Tools / Prisma 2 — styled with TailwindCSS 🌱🎺

Tottem is an open source experimentation, it aims combining personal productivity tool approach with (slow) social media capabilities to make users em

Vincent Poulain 892 Dec 4, 2022
A NextJS + TailwindCSS 3 Dashboard Admin For Laravel Breeze

Windmill with Laravel Breeze as Backend API Introduction This repository is an implementing of the Laravel Breeze application / authentication starter

ROKET ID 17 Nov 18, 2022
Shopify NextJS App Example. No custom NextJS server needed

Shopify NextJS App Example An example app built with NextJS that can be setup an

reda 35 Nov 29, 2022
A hub of all Marvel comics featuring your favorite heroes created with NextJS.

A hub of all Marvel comics featuring your favorite heroes created with NextJS. marvel-hub.vercel.app Stack Front-end: NextJs, Jest, Styled Components

Felipe Barcelos 28 May 1, 2022
A Hulu Clone which created with NextJS

A Hulu Clone which created with NextJS. It fetches the data from TMDB (The Movie Database) API.

Özge Coşkun Gürsucu 10 Aug 17, 2022
Uber Web Clone using Next.js, React.js, TailwindCSS, Firebase and Mapbox

uber-next-clone Uber Clone using Next.js, React.js, TailwindCSS, Firebase and Mapbox This is a Next.js project bootstrapped with create-next-app. Gett

Rishabh 7 Mar 26, 2022
Movies and series web app developed using NextJS

Disney+ Movies and series web app developed using NextJS. Deployed Link : https://disney-clone-ndmiypj8n-suchitd11.vercel.app/ Preview Login Homescree

Suchit Deshmukh 15 Nov 4, 2022
Meditate - A meditating website to clear your mind. Built with Next.JS and TailwindCSS

A modern meditation web app for you to meditate on your own terms. Track your progress and share your thoughts with others.

Andy 5 Jul 27, 2022