ricardoorellana / react-testing-bootcamp-cp-2022

Capstone project react testing bootcamp 2022

React Specialized Bootcamp - Testing Capstone Project

Before you start

Follow these steps:

1. Fork this repo into your GitHub account.
2. Make sure that your new repo is publicly accessible.
3. Create a new branch with the name “feat/deliverable” derived from main on your forked repository.
4. Start working on the requirements specified below.
5. In github, invite your mentor as a contributor.
6. When you finish all Acceptance Criteria (AC), create a PR and send it through this form

For this challenge, you will create an awesome React App which fetches the "Picture of the day" from the NASA open APOD API applying TDD (Test Driven Development).

Use TDD methodology to develop the challenge.

Requisites
Your application must have the next components:

• Header with the title of your project.
• Main section.
• Footer must containing the message "Project created during Wizeline Academy React Testing Bootcamp”

Suggested UI

If you would like to improve the UI, go ahead

Requirements

For testing

• Use the React Testing Library and Jest tools to add tests.

For the app

• Generate API Key from NASA APOD
• Fetch API Calls from the NASA APOD using your API KEY.
• Use functional components and React Hooks as possible.

Optional

• Publish your app using free services such as Github pages, Netlify, or Heroku.
• Share the URL on the PR.

Resources.

• NASA APIs

Acceptance Criteria (AC) and Score

Acceptance Criteria	Description	Points for Completed
1	When the user enters the app, the app should show the Picture of the Day.	15
2	When the user selects a specific date with the format YYYY-MM-DD, the app should show the picture of the day for the given date.	20
3	When the app fetches the API, and there is an unexpected error, the app should show a message: "There was an error, please try again."	25
4	When the user selects an invalid date value and clicks on the show button, the app should show a message from the API response (e.g., a day after the current date.)	20
5	Render correctly the header, footer and main content in the app.	20

Bonus

The bonus is a plus that helps us know you better and increments your final score.

• Create Mocks Service Worker: 20 points.

Questions?

If you have any questions about this challenge, feel free to ask on the Slack channel ASAP.