MealWorm

Coaching materials for React, Auth, CRUD and API integration

Repo setup & available scripts

Clone down the repo

git clone https://github.com/nology-tech/mealworm.git

Run a yarn install to install all the necessary packages needed for the application to run

yarn install

To spin up the application in the live server

yarn start

To run any tests that are present

yarn test

Session order & available branches

To move onto the desired branch run

git checkout *desired-branch-name*

Steps for code along and specs for challenges are found in the README.md of the appropriate branch

Create a React app (run in seperate react-sandbox repo and take time to discuss file structure, scripts etc.)

React components. Branches:

• 1-components-ca
• 2-components-ch

Passing props into components. Branches:

• 3-props-ca
• 4-props-ch

Mapping over data to produce elements/components in React. Branches:

• 5-map-data-ca
• 6-map-data-ch

Adding Font Awesome to a React project. Branches:

• 7-font-awesome-ca
• 8-font-awesome-ch

Managing component state in React. Branches:

• 9-state-ca
• 10-state-ch

SPA's and routing in react (reach-router). Branches:

• 11-routing-ca
• 12-routing-ch

Passing in functions (& setState functions) as props to child components. Branches:

• 13-funs-as-props-ca
• 14-funs-as-props-ch

Calling external API's in React and sorting the returned data in state. Branches:

• 15-api-call-ca
• 16-api-call-ch

Implementing unit testing in React with Jest & Enzyme. Branches:

• 17-unit-testing-ca
• 18-unit-testing-ch

Hosting and deployment with Google Cloud Platform. Branches:

• 19-hosting-ca
• 20-hosting-ch

Performing CRUD operations in React using Google Firestore. Branches:

• 21-firestore-ca
• 22-firestore-ch

Adding authentication using Firebase Authentication. Branches:

• 23-authentication-ca
• 24-authenticaion-ch

Implementing private routing and authorisation (no challenge branch). Branches:

• 25-private-routing-ca

Updating CRUD logic to include authentication (no challenge branch). Branches:

• 26-authenticated-crud-ca

Adding context to better manage application data flow. Branches:

• 27-context-ca
• 28-context-ch

Integration with Node.js API. Branches:

• 29-node-api-integration-ca