keronoteui

This refine project was generated with superplate.

🔗 Project Demo link

• Netlify deploy

About

Description

We love flipnote animations, but the main problem is you need a nintendo ds for create those animations. So we tried to do a simple animation software having inspiration on those features from flipnote studio, but at the same time improving and adding more features like layer system and extended color palette.

Participants

• mrgaturus

  • Github
  • Twitter

• JuanViverosDev

  • Github
  • Twitter

• GregoryInnovo

  • Github
  • Twitter

Preview

Pages

Demo Video

Create animations

Demo Video

View animations

Demo Video

Login

Profile

Community creations

View details

Canvas

Tools

Set up Project

Prerequisites

• Supabase account
• Cloudinary account
• node >=18
• npm

Install Project

• Clone the repository:

git clone https://github.com/Media-Collab/keronoteui.git

• Change directory and install dependencies:

cd directory
npm install

• Create .env file to save the blobs:

CLOUDINARY_CLOUD_NAME=
CLOUDINARY_API_KEY=
CLOUDINARY_API_SECRET=
CLOUDINARY_UPLOAD_PRESET=

• Create your cloudinary account

After create a product environment and appear in the console (section Programmable Media) copy the Cloud Name, API Key and API Secret.

• Go to the settings and create a preset (Make sure the mode is Unsigned)

In the creation you can select which folder the images will stored (in this case we create a folder called next)

• Folders fullied

• Create your supabase account

In this case we are going to use Database and Authentication

• Create animations tables with the following rows

• And create a view to get the data that we want

• Run in development mode:

npm run dev

Learn More

To learn more about refine, please check out the Documentation

• Cloudinary API Docs
• Supabase Data Provider Docs
• Material UI Docs
• Inferencer Docs
• i18n Docs

Future?

• Development of likes system 👍
• Edit animations 🏃‍♂️ 🖌
• Delete creations ❌
• Discover the onion mode 🤔

License

MIT