Week 2 Plans | CompSci Blogs

[utterances-bot]

Week 2 Plans | CompSci Blogs

Learning Targets and plans for week 2 hacks

http://0.0.0.0:4200/student/2023/09/05/Week2_Plan.html

[isabelle926]

Project Plan: Color Harmony Generator

Project Overview

The Color Harmony Generator project aims to create a unique web application using JavaScript that generates harmonious color palettes based on user input. Users will select a base color, and the application will generate complementary, analogous, and triadic colors to create visually appealing color schemes. Team Members

Developer 1: Vivian N Developer 2: Isabelle G Project Objectives

• [ ] Create a user-friendly interface for color selection.
• [ ] Implement JavaScript logic to generate color harmonies.
• [ ] Display the color harmonies in a visually appealing manner.
• [ ] Ensure user input significantly impacts the generated color palette.
• [ ] Focus exclusively on JavaScript for the development.

Project Tasks and Timeline

• [ ] Setting Up and Color Input

• [ ] Environment Setup

• [ ] Set up the development environment.

• [ ] Design Color Input

• [ ] Design a simple color input interface using HTML and CSS.

• [ ] Include a color picker or input field for selecting a base color.

• [ ] Write JavaScript code to capture the selected base color.

• [ ] Validate and convert the color input into a usable format (e.g., HEX or RGB).

• [ ] Plan the generation of complementary, analogous, and triadic colors based on the selected base color.

• [ ] Write JavaScript code to calculate harmonious colors.

• [ ] Apply the defined logic to the base color to generate a harmonious palette.

• [ ] Perform testing to ensure the generation of harmonious colors is accurate.