Skip to content

ASHHADgit87/PE-Task-3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 

Repository files navigation

Prompt Engineering Task 3 — AI Color Palette Creator

This project is a frontend-only AI-inspired color palette generator built as part of a prompt engineering task. It demonstrates how AI-assisted development tools can generate clean, interactive user interfaces from a single structured prompt.

The application enables users to generate beautiful color palettes, copy color codes, and experience smooth UI interactions.


Requirements

Requirement Description
Development Type Single-prompt generation
Scope Frontend only
Tools Bolt.New / Lovable.dev / Orchid
Deployment Live hosted application

Features

Feature Description
Color Palette Displays five colors in every generated palette
Palette Generation Generate a new palette with a single click
Hex Code Copy Copy color hex codes by hovering over colors
Smooth Animations Interactive transitions powered by Framer Motion
Responsive Layout Optimized for desktop, tablet, and mobile devices

Tech Stack

Layer Technology
Frontend React.js
Styling Tailwind CSS
Animations Framer Motion

Project Workflow

User Opens Application
        ↓
Generate Color Palette
        ↓
Display Five Colors
        ↓
Hover to Copy Hex Code
        ↓
Generate Another Palette

Live Demo

https://color-chooser.justcopy.link/


Creator & Developer

Muhammad Ashhadullah Zaheer

LinkedIn: https://www.linkedin.com/in/muhammad-ashhadullah-zaheer-41194a340/

About

Prompt Engineering 3: Frontend-only AI Color Palette Creator generating 5-color palettes dynamically. Built with React.js, Tailwind CSS, and Framer Motion. Hover-to-copy feature, smooth transitions, fully responsive design for frontend portfolio demonstration.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors