Skip to content
A simple light bright app.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
cypress
designs
mocks
src
testUtils
.eslintignore
.eslintrc
.gitattributes
.gitignore
.huskyrc
.lintstagedrc
LICENSE.md
README.md
babel.config.js
cypress.json
jest.config.js
package-lock.json
package.json
prettier.config.js
screenshot-1000w.png
screenshot.png
stylelint.config.js
webpack.common.js
webpack.dev.js
webpack.prod.js

README.md

Light Bright

View project

Light bright

Light bright is a simple application which simulates the toy "Light Brite". It consists of circles and a few buttons.

  • When clicked, the circles are colored in with a unique color.
  • Circles that are dragged over are all colored in with the same color.
  • Double click erases the color on a circle.
  • The buttons erase the last color or all colors, respectively.

Table of contents

Getting started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

  • NPM

Installation requires NPM which is included with Node. You can install Node by downloading the installer from the website.

To update NPM to the latest version:

npm install -g npm@latest

Installation

  1. Clone the repo
git clone https://github.com/sargalias/light-bright
  1. Install NPM packages
npm install

Running the project for development

npm start

Usage

Starting the project

  • Start the project on a local server: npm start

Building the project

  • Build the project for production: npm run build
  • Build the project for development (linting errors won't fail the build): npm run build:dev

Running the tests

  • Start the project on a local server along with Cypress (E2E tests): npm run start-with-cypress
  • Run all tests (Jest and Cypress): npm run test:all
  • Run Jest tests: npm test
  • Run Jest tests in watch mode: npm run test:watch
  • Open Cypress (requires a server running): npm run cy:open
  • Run all Cypress tests (requires a server running): npm run cy:run

Code formatting and linting

  • Format code with Prettier code formatter: npm run format
  • Run lint check: npm run lint
  • Run lint check in fix mode: npm run lint:fix

Build pipeline

  • Run the entire build process (code formatting, linting in fix mode, all tests): npm run ci

Note about the Git hook

There is a pretty aggressive Git hook which runs the entire build process for every commit, ensuring linting and tests pass.

The reason for it is because it's preferrable that every commit leaves the project in a working state. That way, reverting to any commit means the project still runs.

However it's not essential, as long as merge commits to master / develop branches are stable.

If needed, you can disable the Git hook by deleting the .huskyrc file, or using the --no-verify flag during commits.

git commit --no-verify

Built with

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

You can’t perform that action at this time.