https://DevOpsCloud.io -- Cloud Monk Losang Jinpa

navbar_react

Return to Full-Stack React, Cloud Monk's Favorite GitHub Repositories

React:

• hands-on-fullstack-react - Fullstack React on AWS - https://github.com/jimbol/hands-on-fullstack-react. Forked: https://github.com/AzureCloudMonk/hands-on-fullstack-react

https://github.com/AzureCloudMonk/hands-on-fullstack-react/tree/main/1-front-end-standalone

https://github.com/AzureCloudMonk/hands-on-fullstack-react/tree/main/1-front-end-standalone/public

https://github.com/AzureCloudMonk/hands-on-fullstack-react/tree/main/1-front-end-standalone/src

• modules folder
• App.js
• App.test.js
• index.css
• index.js
• logo.svg
• reportWebVitals.js
• setupTests.js

https://github.com/AzureCloudMonk/hands-on-fullstack-react/tree/main/4-full-stack-lambdas

https://github.com/AzureCloudMonk/hands-on-fullstack-react/tree/main/4-full-stack-lambdas/back-end

• fullstack-react-aws-lambda src folder
  • https://github.com/AzureCloudMonk/hands-on-fullstack-react/tree/main/4-full-stack-lambdas/back-end/src

• fullstack-react-aws-lambda db folder
  • https://github.com/AzureCloudMonk/hands-on-fullstack-react/tree/main/4-full-stack-lambdas/back-end/src/db
    • fullstack-react-aws-lambda connect.js
    • fullstack-react-aws-lambda postModel.js

• fullstack-react-aws-lambda routes folder
• fullstack-react-aws-lambda index.js

• fullstack-react-aws-lambda README.md
• fullstack-react-aws-lambda babel.config.json
• fullstack-react-aws-lambda index.js
• fullstack-react-aws-lambda package.json
• fullstack-react-aws-lambda yarn.lock

1. Hands-On Full-Stack React

Welcome to the Repository for the Hands-On Full-Stack React class! I have broken the project into progress steps.

1. Week 1

In this lesson we will create a full-stack application locally on our machines. We will go through folders 1 through 3.

- [1-front-end-standalone](/1-front-end-standalone) - Create a working front-end application. - [2-back-end-no-db](/2-back-end-no-db) - Create a working back-end without a database. Test with Postman. - [3-full-stack](/3-full-stack) - Create a MongoDB and tie all the pieces together.

1. Week 1 Assignment

Using React, Redux Toolkit, ExpressJS, and Mongodb, create a full-stack application locally on your machine.

For help, reference the repository. You are also encouraged to use other resources whenever needed!

1. Week 2

In this lesson we will deploy our application to EC2, then we will make our API scalable using Lambdas, API Gateway, and AWS Amplify, and finally we will deploy the front-end to Netlify.

- [3-full-stack](3-full-stack) - Prepare application to run in EC2 - [3-full-stack/RUN_ON_EC2.md](3-full-stack/RUN_ON_EC2.md) - Deploy application to EC2 - [4-full-stack-lambdas/LAMBDA_API.md](4-full-stack-lambdas/LAMBDA_API.md) - Deploy API to Lambdas for scalability - [4-full-stack-lambdas/NETLIFY_HOSTING.md](4-full-stack-lambdas/NETLIFY_HOSTING.md) - Deploy front-end to Netlify

1. Week 2 Assignment

Create an application that fulfills the following requirements: - Uses MongoDB running on EC2 - Uses AWS Amplify to run an Express API on AWS Lambdas - Uses Netlify for front-end hosting

For help, reference the repository. You are also encouraged to use other resources whenever needed!

1. Week 3

Week 3 information will be added before the third lesson.

Fair Use Sources:

• https://learning.oreilly.com/live-events/hands-on-full-stack-development-in-3-weeks/0636920066428/0636920066427/
• https://github.com/jimbol/hands-on-fullstack-react