The dev-public branch is temporally unavailable until the demo is released!

The bento grid system based on react-grid-layout (RGL) and the communication between widgets:

• Widgets have different types that can be configured like widget-1 / widget-2.
• Widgets have different sizes that can be changed in real time.
• Widgets have a fluid and responsible layout that is monitoring cords of each widget on the board every second.
• Own styles and more is coming!

Also Supabase Auth is included with Google OAuth integrated to make the system one step further to SAAS.

Front-end: Next.js + Turbopack (default), Tailwind CSS, shadcn/ui.
Back-end: Serverless API, PostgreSQL.

• Install Git on your machine to clone the Github repository.
• Install Node.js on your machine to build and run the application locally.

Create a new directory where you want to deploy the application, then clone the Github repository into it:

git clone https://github.com/artndev/case.git .

Navigate to the project directory:

cd root

Change the working branch from master (production branch) to dev-public (public development branch) due to the specialties of the production and development environments:

git checkout dev-public

Open the .env.local file located in the root directory and fill in the required environmental variables:

# Table schemas can be found in src\schemas\production folder
# They are needed to create the same environment as mine

# Your projects Supabase credentials can be obtained at its page
NEXT_PUBLIC_SUPABASE_URL=...
NEXT_PUBLIC_SUPABASE_ANON_KEY=...
SUPABASE_SERVICE_ROLE_KEY=...
DATABASE_URL=...

NEXT_PUBLIC_APP_URL="http://localhost:3000"

# UUIDv4 secrets used for access to secured destinations
STATE_SECRET=...
X_API_KEY=...

• UUIDv4 generator

Use the command below to run the application with Node.js:

npm run dev

Once the application is ready, it will be available at http://localhost:3000/.