Colorful

Infinity color palette's, save it or use one of your colors

How to use

Is very simple, open Colorful Website and browse between infinite color palettes, liked any? Just click on heart button that she will be saved in browser storage, and for see your saved palettes click on hamburger menu and click in "My Palette's" button, all of these will appear there :) Dark and light theme supported, to toggle click on button in bottom left.

Project's Goal

Learn to work with Vanilla Js: Routes, DOM manipulation, all together with Webpack 4 and Babel for the app divided into modules and compatible with most browsers.

Clone the repository for your machine

Requirements

• Node installed
• Npm or Yarn installed

Installing

1. Clone the repository using the Github client of your choice, or download the repository Using the Github client via the command line:

git clone https://github.com/alexrintt/colorful.git

2. Install the dependencies:

npm install || yarn install

3. Create your .env.dev file and put the route we are working on as PATH_BASE = /, because the Webpack Dev Server uses the local server with this address http://localhost:3000/

# .env.dev

BASE_PATH=/

Do the same for .env.prod if you are going to use this project in production, but now put the name of the route relative to your server, in the case of this repository: BASE_PATH=/colorful.

4. Start Webpack Dev Server:

npm run start || yarn start

5. Generate Build

npm run build || yarn build

Support

If you have ideas to share, bugs to report or need support, you can open an issue.

Built with

• Webpack 4 - Module bundler.
• Babel - JavaScript transpiler.
• JavaScript - Language.