In this challenge you will build an app using React that queries an API and displays them to demonstrate your skills in React.
In order for the project to be considered "completed", it must complete the following requirements:
-
Visualize Data: fetches data from an API (free ones here) and renders the results in a table with paging.
-
Leverages React Hooks: uses
useState()anduseEffect()to manage variable changes and accessing API -
Git Best Practices: hides all API Keys and secrets in a
.envfile and uses a.gitignoreto prevent all unneccessary files from being added to the GitHub Repository. Also does not pushnode_modulesas it is very large. -
CHOOSE ONE
- Store Users in Database: Have a form that allows users to enter their emails to join your mailing list. Display this mailing list in a table.
- Enable Download Data Functionality: add ability to download the data table (all results of the API)
See MORE_INSTRUCTIONS.md for a tips to get started
See Adam Godel's Project Our Republic that uses the Library of Congress API to achieve the goals of this project! See his source code here.
All code must be submitted as a PR (pull request) following the PR template that will autogenerate when a PR is made
It may take Learning Ambassadors up to 1-2 weeks to grade your solution and give any feedback/badges associated with this challenge. However, if it takes longer than 2 weeks, please send an email to sparkttl@bu.edu.
See something in the docs that is unclear or think that this level 3 could use any more requirements? Please create a PR that follows the open-src.md template and we will get back to you!
