https://github.com/diogocapela/flatdraw

A simple canvas drawing web app with responsive UI. Made with TypeScript, React, and Next.js.
https://github.com/diogocapela/flatdraw

canvas nextjs react typescript

Last synced: 1 day ago
JSON representation

A simple canvas drawing web app with responsive UI. Made with TypeScript, React, and Next.js.

• Host: GitHub
• URL: https://github.com/diogocapela/flatdraw
• Owner: diogocapela
• License: mit
• Created: 2023-08-07T18:35:37.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-11T02:11:06.000Z (8 months ago)
• Last Synced: 2024-12-13T08:07:19.211Z (9 days ago)
• Topics: canvas, nextjs, react, typescript
• Language: TypeScript
• Homepage: https://flatdraw.pages.dev
• Size: 871 KB
• Stars: 760
• Watchers: 7
• Forks: 56
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• my-awesome-list - flatdraw

README

        
# Flatdraw

A simple canvas drawing web application with responsive UI. Built using [TypeScript](https://typescriptlang.org), [React](https://react.dev), and [Next.js](https://nextjs.org).

**Live demo:** [flatdraw.pages.dev](https://flatdraw.pages.dev)

[![](./docs/screenshot.png)](https://flatdraw.pages.dev)

## Requirements

- [Node.js](https://nodejs.org) (the specific version is defined in the [`.nvmrc`](.nvmrc) file)

## Getting started

Copy the content of `.env.example` to a new `.env` file and fill in the required environment variables. You can get your Unsplash API keys [here](https://unsplash.com/developers).

```bash

cp .env.example .env

```

Install all the dependencies.

```bash

npm install

```

Run the development server.

```bash

npm run dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## License

Open source under the terms of the [MIT License](/LICENSE).