React/Node Web App Showcase | Source Code & Technologies смотреть онлайн

Key sections:
App Showcase: 00:00
Architecture: 00:45
Node/Express: 01:11
React/Next.js: 01:23
Modern ES6+ JavaScript & React features: 01:46
Redux: 02:37
MongoDB: 02:52
TypeScript: 03:17
GraphQL, Apollo & REST: 03:43
Jest & Testing: 04:32
Docker, Compose & Swarm: 05:32
Git & GitLab CI/CD: 06:13
Ubuntu production server & live site: 06:54
ESLint & Prettier: 07:48
Sass (SCSS) & Styled Components: 08:02
Conclusion: 08:39

You can find more information here: https://www.upwork.com/o/profiles/users/~01ad7addcf3da4911b/?p=1244099773878210560

Watch the longer version here: https://youtu.be/jU2S5Rkhddo

As a freelance developer, I often need to convince people that I actually know React/Node and can get their job done.

So I thought a great way to prove that I can write code and build web apps would be to simply show an app I built along with the source code and different technologies.

Thus, in this video, I'll walk you through the source code of a Node/React app I built from scratch and I'll highlight the different key features, tools, and technologies so you can see how everything works under the hood.

The app that I show is a modern, Single-Page Application (SPA) utilizing a containerized architecture and it uses:
• Node/Express for the back-end API
• React/Next.js for the front-end
• MongoDB/Mongoose for the database
• TypeScript for strict type-checking
• Apollo Server & Client for the GraphQL API
• Jest for parallel-testing
• Docker (with Compose & Swarm) for containerization and orchestration
• GitLab for a full CI/CD pipeline with rolling deployments
• Stripe for SCA-complaint payment processing
• ESLint & Prettier for code quality and formatting
• Sass (SCSS) and Styled Components for styling

If you need some help with a Node/React-related project, you can get in touch with me on Upwork here: https://www.upwork.com/o/profiles/users/~01ad7addcf3da4911b/

Have a great day!