Skip to content

Latest commit

 

History

History
79 lines (60 loc) · 2.89 KB

File metadata and controls

79 lines (60 loc) · 2.89 KB

coloRandom

Table of Contents

Overview

"coloRandom?" is a web application that generates and displays random color palettes. It offers a single-page, interactive UI and is developed using HTML5, CSS3, and vanilla JavaScript.

Project Spec

Detailed project specifications can be found here.

Deployed Application

The application is live on AWS and can be accessed here.

Contributors

Learning Goals

  • Craft a user interface with semantic HTML and efficient CSS.
  • Implement clean, DRY JavaScript with class-based data models.
  • Dynamically manipulate the DOM after page load.
  • Enhance collaboration skills in a team setting.

Technologies Used

Languages

  • JavaScript
  • HTML5
  • CSS3

Tools

  • Git (for version control)

Others

  • Node.js (for package management and scripts)

Application Features

New Palette on Page Load New Palette on Page Load

  • A new palette is generated and displayed upon page load and when the "New Palette" button is clicked.

Palette Customization Palette Customization

  • Users can lock colors in the palette and generate new ones while keeping selected colors unchanged.

Saving and Displaying Palettes Saved Palette

  • Saved palettes are displayed on the UI, where they can also be deleted.

Palette Deletion Deleted Palette

  • Users can remove unwanted saved palettes from the display.

Setup

To set up this project locally:

  1. Fork and clone the repo.
  2. Navigate to the project directory.
  3. Run open index.html in the terminal to view it in your browser.

Resources

Contact

For any inquiries or suggestions regarding "coloRandom?", please reach out to the contributors.