Welcome to PropStyler, a fun and colorful React project built entirely using props for data and styling. This project helps you learn the power of component composition and prop-driven design while building beautiful UI sections with ease.
A mini React project that showcases the use of
propsto:
- Pass dynamic data into components
- Style components with customizable colors
- Display product lists and course lists using reusable components
Everything is styled dynamically via props — no hardcoded styles inside the CSS!
Here's a visual representation of your app:
Each section (Greeting, ProductList, CourseList) is a separate functional component receiving props.
Instead of hardcoding styles, this app passes color props to control appearance:
<Greeting name="Sharada" color="#6a0dad" />
<ProductList titleColor="#008080" itemColor="#ff4500" />📢 Conclusion PropStyler is not just a project — it's your first step into the prop-powered React world! Learn once. Style forever. 💥