In this project you will refactor the styling you completed in the APOD app. You will style it using Styled Components, although you are welcome to also use one or two Reactstrap components if you wish.
- This will be a continuation of the project you've already started.
- Our goal here is to apply advanced styling techniques in your React application.
- You don't need to start from scratch. Use the work you did previously.
- Let's say that the designs have changed. There are new ways and implementations of doing things as time goes by. As stated earlier, these are normal in the real world. It's time for us to dig into the code to make it better.
This homework is a continuation of the work you have done previously.
- CD into your old project
- Continue to make changes and push to the same branch
- Style your app using styled-components.
Do not attempt stretch problems until MVP has been reached and a final commit has been made.
- Read the documentation for MaterialUI to use in place of Reactstrap or Emotion to use in place of styled-components and use either in your app.
- Try out tailwind css. It's a little tough to get it started in your app, but it's a great library that is gaining popularity very quickly. Here are the docs, and here is an article to help you get it started in a React app (written by Max David, a Lambda student).
- Implement snapshot testing in your react application.
Follow these steps for completing your project.
- Submit a Pull-Request to merge Branch into
main(student's Repository).