drawly

Improve your drawing by practicing your skill daily with the help of drawly!

NextJS

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Env file

Copy the provided example environment file

cp .env.example .env

Variables

• PEXELS_API_KEY is used for loading images
• UPSTASH_REDIS_* is used for caching purposes
• SUPABASE_* is used as database

Image Providers

With extensibility in mind, there should be the possibility to include multiple sources where the images are loaded from.

Currently included

Pexels

Images provided by Pexels

Caching

Upstash Redis

To avoid requesting the pexels api too much we are caching the selected categories for a day.

Database

Supabase

Supabase is used as a primary datastore.

Misc

Resources

• Background tiles on the starting page were generated with patternico
• Project Font is Gloria Hallelujah designed by Kimberly Geswein
• Image changed sound generated with sfxr