WebApps: React Project – Building the Front End of our Flask Project

All Homework Must be Uploaded to it own GitHub repository. You will copy the URL Link for your GitHub Repository and Submit that link for each of your homework assignments

Project React Project: Building the Front End of our Flask Project

Your task:
Create a react application using the Flask API you created a few weeks back. If you made a meme generator, library book app, or drinks collection, you will now create a front-end project to display the data from your API.

Your project should include:

  • 4-5 Components (Home, Dashboard, etc)
  • A custom hook which should demonstrate understanding of the useEffect and useState hooks
  • Fetch data from your API
  • CRUD operations for your marvel characters
  • Login/Logout Functionality via Firebase
  • Hosting via firebase-hosting
  • Routing via react-router-dom
  • Forms to Create/Update your data via react-hook-form

NOTE: while developing, you can use the local version of your API

Once completed, you should then host your application on firebase hosting ensuring proper data fetching happens there as well. This should be attached to the Heroku-based API so that users can interact with your data on their own devices – imagine you’re going to share the site with your grandma who lives over the river and through the woods.

You will then need to send your project to github and submit both your github link(so that we can see your code) and the final hosted link for your react project.

Happy coding! This is super cool stuff!

Skip to content