Color Stack 🎨

A simple, responsive color scheme generator built with vanilla JavaScript and The Color API.

🔗 Live Demo: https://color-stack.netlify.app

🚀 Features

• Choose a seed color using a native color picker
• Select number of colors (3–8)
• Generate color schemes dynamically
• Automatic contrast-aware text (black/white for readability)
• Click any color block to copy its hex value

🛠 Built With

• HTML5
• CSS3
• Vanilla JavaScript
• The Color API
• Deployed with Netlify

🧠 What I Learned

• Fetching and consuming external APIs
• Handling asynchronous JavaScript
• Mapping nested JSON data
• Dynamic DOM rendering
• Event delegation
• Clipboard API integration
• Basic accessibility considerations (contrast handling)

⚠️ Known Issues / Improvements

• No loading state while fetching data
• No feedback when color is copied
• UI could be improved for smaller screens - 7 & 8 colors causes overflow

See GitHub Issues for planned improvements.