Skip to content

Built with the LGBTQ+ cause in mind. Button clicks change the background color of 2 components using State Lifting from child to parent.

Notifications You must be signed in to change notification settings

pedrocasteli/react-pride-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

React Pride App πŸ³οΈβ€πŸŒˆ πŸ³οΈβ€βš§οΈ

This application was built to practice State Lifting in React. That means passing the state via props from one component to another, particularly from child to parent component.

Why the Pride theme?

That part wasn't planned. I used it because it made sense considering the purpose of the application and also because equality is one of the most important social issues of our time. If you still haven't opened your heart to this cause and feel somehow offended by Pride related aesthetics, I apologize. Try to view this experience as a personal growing opportunity! 🌈 🌈 🌈

How it works

  • It has three components: A body, a header and the buttons
  • The initial look uses the Transgender Flag colors
  • Clicking the first button changes the body's background color, and the second changes the header's
  • The colors are selected randomly from the 8 colors of both flags

To run this application

  • npm install
  • npm start

And that's it. Enjoy!

About

Built with the LGBTQ+ cause in mind. Button clicks change the background color of 2 components using State Lifting from child to parent.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published