jparciga

<?php

/** Requiere the JWT library. */
use \Firebase\JWT\JWT;

/**
 * The public-facing functionality of the plugin.
 *
 * @link       https://enriquechavez.co
 * @since      1.0.0

jparciga

Mini-Challenge 5: Routing

The Challenge

Note: Apply TDD as much as you can.

1. Implement React Router on your project.
2. Refactor your code to navigate across your sections.
3. Create the Login View

• 3.1 It should display a form with a username and password fields.

jparciga

Mini-Challenge 4: State Management

The Challenge

1. Create the Provider for the Global Context.
2. Consume the Global Context inside the components that require it: Remember the hook useContext? It's time to make use of it!
3. Create test cases for your Global Context and for the components that consume it.

Note: Remember to apply TDD as much as you can.

Acceptance Criteria

jparciga

Mini-Challenge 3: Hooks

Before you start

1. In order to fetch videos from YouTube you need to create a new project using the Google console, and then create an API key for consuming the API.

• Step 1: Follow the YouTube API v3 getting-started guide to get your API credentials.

Note: You only need to complete the steps 1, 2 and 3 in the guide to get your API_KEY.

• Step 2: After configuring the API key, you can read the YouTube JavaScript client getting-started documentation to get examples about how to consume the API.

2. Identify the API calls that you need in order to get all the information for each section in your app.

jparciga

Mini Challenge 4: State Management

The challenge

Set up the global state.

1. Create the Provider of the context. It's recomended to create the provider in it's own file, helps with readability and makes testing easier.
2. Consume the context in the components that require it. Remember the hook useContext? Time to put it in action.
3. Write tests for the Context. Test the context to see if there is something wrong with it.
4. Create the Favorites Video View. It should be very similar to the home view, the difference is that you should show the favorites.

jparciga

Mini-Challenge 2: Intro to Testing

Answer the following questions first

1. Using create-react-app, what do we need to set up for testing?
2. What components are worth to test in your development?
3. Can you apply TDD once you already created components?

The Challenge

NOTE: Apply TDD as much as you can.

jparciga

Mini-Challenge 1: Core Concepts and Styling

Before you start:

1. Read carefully the instructions for the project, please make sure that you clearly understand all the requirements.
2. Fork this repo. Please make sure that your new repo is publicly accesible.

NOTE: You should use the provided codebase only as a guide for structuring your application. Feel free to add, remove, or change anything if you consider it necessary.

The challenge:

1. Create the UI layout for your app, it should include the following elements:

jparciga

Wizeline Academy - React Bootcamp 2021/Q4

Introduction

Thank you for participating in the 2021 - Q4 React Bootcamp! Here you will find all the instructions to complete your Capstone Project.

The purpose of this project is for you to demonstrate your React skills. This is your chance to show off everything you have learned during this bootcamp!

You will build and deliver an entire React application on your own from scratch. The project is divided into weekly deliverables, in which you will apply the concepts learned in the assignments and live sessions. Each deliverable has its own information on what and how we expect you to deliver throughout the bootcamp.