🚀 JamStack + 🧑‍🚀 React + 🧑‍💻 Workshop

Welcome to BattleStax, a JAMStack game that uses Netlify, DataStax Astra, and GitHub to demonstrate how to build and deploy an application using modern, scalable architectures. In this 3 hour workshop you will create your own BattleStax game using React and Redux implemented with a CI/CD pipeline, global CDN network, and Apache Cassandra all using FREE tech.

It doesn't matter if you join our workshop live or you prefer to do at your own pace, we have you covered. In this repository, you'll find everything you need for this workshop:

MATERIALS	RECORDINGS	CHAT	QUESTIONS

Table of Contents

1. Setup environment and tools
2. Serverless REST API with Netlify
3. Connect and save data to ASTRA

Title	Description
00. Setup environment and tools	[🔥
01. Create a REST API	Create a REST API
02. Connect your Astra database	Connect your Astra database
03. Write a function to use REST	Write a function to use REST
04. Test your REST function	Test your REST function
05. Client state with Redux	Client state with Redux
06. Build a slice	Build a slice
07. Test your slice	Test your slice
08. Create a UI component with React	Create a UI component with React
09. Create a storybook	Create a storybook
10. Test a React component	Test a React component
11. Add a hook	Add a hook
12. Deploy your completed application	Deploy your completed application
12. Challenge your friends to a game	Challenge your friends to a game

Project Structure

BattleStax's folder structure is (mostly) generated from Create React App. We then add a Netlify Functions and Github Actions.

• .github - Github Actions configuration
• .storybook - Storybook Documentation Storybook configuration
• functions - Netlify Functions Lambda function definition
• public - Static files
• src - create-react-app source files

Prerequisites

• A Github account - Github
• A fork of the BattleStax Tutorial repository - Repository
• Environment (choose one)
  • GitPod: A free, cloud based IDE in GitHub which we preconfigure for you (seriously, this is cool)
  • Local: NodeJS 12 - Download - Recommended alternative: Setup your local development environment with nodeenv
• A Netlify account (it's free!) - Netlify
• An Astra account and database (it's free!) - Astra

To get started, use the table of contents and start with 00. Setup environment and tools listed below. You MUST complete this step in order to get your enviroment configured for the rest of the workshop. Once that is complete you are free to start from any other step.