DrewOsmond / bixels

4 stars 0 forks source link

logo

Introduction

A simple and user friendly pixel art application that allows users to save and download their artwork.

Live link

bixels

Languages and tools

figma javascript react

Features

Documentation

Development

What you'll need on your machine:

  1. Git clone this repo.
  2. Cd into the web directory.
  3. Npm isntall to install dependencies.
  4. Npm run to start the app.

Development

We used netlify to host our react app.

  1. Go to netlify and connect your github.
  2. Connect this repo to your netlify account.
  3. Add build commands on netlify and specify the build folder to deploy.

Challenges

Creating layers on the canvas that persist refreshes.

Locally persisting all changes to the canvases, drawing, name changing, adding layers, canvas strokes, etc.

Making the canvas produce smooth and concise strokes.

Screenshots

Screen Shot 2021-11-23 at 11 19 14 PM Screen Shot 2021-11-23 at 11 21 14 PM Screen Shot 2021-11-23 at 11 21 53 PM

The team

Drew Osmond

drewosmond drewosmond drewosmond

Flora Teng

florateng florateng florateng