Skip to content

Latest commit

 

History

History
55 lines (38 loc) · 1.61 KB

README.md

File metadata and controls

55 lines (38 loc) · 1.61 KB
Raw

Logo

Interactive tool to create palettes and get color codes in the Hexadecimal and or RGBA format. Palettes of registered users are saved onto a database, so that they can refer to it multiple times without losing any colors.

Can be used along with HTML/CSS to design websites.

Motivation

To learn more about Full-Stack web development and user Authentication/Authorization, via the PERN stack and JSON Web Token.

Features

  • Color Picker: displaying HEX/RGBA values of a selected color.
  • Checkboard Component: displaying the color, including opacity.
  • Palette: Collection of all selected colors.
  • CopyHex: Copies hex to clipboard.
  • Random: Randomly generates a color.
  • Dynamic User Interface.

Built With

This project was built using the PERN stack, which includes:

React was used for Front-End Development, along with Bootstrap.
Express.js and PostgreSQL were used to implement the RESTful API.
JSON Web Token was used for user authentication/authorization.

Installation

# get the project
$ git clone https://github.com/shivamp08/pern-hex-finder

# install dependencies
$ npm install

# run start (using react-scripts - default port: 5000)
$ npm start

Screenshot

dashboard