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.
To learn more about Full-Stack web development and user Authentication/Authorization, via the PERN stack and JSON Web Token.
- 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.
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.
# 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