This project is a bit of a more simplified spin-off on my IdeaBox notes app I did with another two developers a few months ago using core JS. I wanted to recreate this project using JS framework React for the first time. I thought it was a good opportunity to recreate a past project to be able to compare the differences in syntax using the same logic.
Check out my app on GitHub Pages here!
- First and foremost, get my hands dirty exploring React.
- Learn to pass information between components using props.
- Distingish the use of state vs props and class components vs functional components.
- Learn to write readable JSX with clean and simple render methods and return statements.
- Use propTypes for every component receiving props.
- Styling components separately.
- Figure out the process of deploying a React app into GitHub Pages.
I wanted to implement a dark-mode this time around, using not a complete dark contrast to make it easier on the eyes. Used bright pastel colors, subtle round-edges and a flat design with subtle drop-shadows to create little depth in the UI.
- React
- CSS