Complete the following challenge and include any relevant files (tests, etc.) with your solution. We'd also like to know how much time it took to complete the challenge (including your thinking, design, and implementation time). We hope you find this fun and engaging!
Please include the following deliverables in your submission:
- Share all source code for your application.
- Provide a URL for us to view a live version of your application.
- Provide documentation on how we can run your application on our machines.
Good luck, we’re excited to see what you come up with!
- Visit the Open Movie Database a.k.a OMDB.
- Request an API key from this page.
- The API key will be emailed to you. Make sure to verify the token via the emailed link.
- Optionally, add your project to an online Git repository. Although this is not required, it is our preferred method to review your code.
- Note: Please do not attempt to add your code to this repo (through a fork or PR) as this would make your solution visible to others.
Build and deploy a React application that meets the following criteria:
- Consume the OMDB web API's "By Search" functionality to display information about at least ten movies in a format like a list or grid.
- Consume the OMDB web API's "By ID" functionality to allow a user to click on a movie item to view the details.
Required:
- Use more than one React component
- Use both state and props
- Demonstrate knowledge of component lifecycle
Bonus:
- Use MUI, a React library for Google's Material Design...and a project started here at Text-Em-All. 🤓
- Use TypeScript
last updated 2023-03-23