Skip to content

zakkariyaa/color-palette

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Colour Palette Generator

webpage screenshot

Generate millions of beautiful colour palettes with clicks!
This project was built as part of FAC's bootcamp admission projects.
Its feature rich and we tried to emulate the coolers.co website as close as possible.

Tech Stack

  1. HTML
  2. CSS
  3. Javascript

Features

1. Generate Random Colour Palettes
2. Save/Bookmark Palettes to local storage for future use
3. Export Palettes in three different formats: JSON, CSS, and Text
4. Add, remove, lock, edit, and view shades and tints of a specific colour

Installation Guide

  • Clone the repository by running this command on your terminal
    git clone https://github.com/zakkariyaa/color-palette
    
  • Open the cloned repository in your preferred code editor
    • You can also run the Index.html file through your browser if needed

Learnings

  • I have learned how to organize a project in a modular way
  • Got a pretty good idea about 'Colour theory', colour brightness levels, shades, tints...
  • Colour conversions and how to handle different colour formats

Improvements (optional)

If i had more time i would try to improve the following things:

  • Complete the addColour functionality so the changes are dynamically reflected on the page
  • Refactor the codebase to use higher order function in some places instead of loops
  • Add the rest of the Coolers.co website features