Skip to content

Latest commit

 

History

History
65 lines (47 loc) · 4.59 KB

README.md

File metadata and controls

65 lines (47 loc) · 4.59 KB

🚀 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.

License Apache2 Discord Actions Status Netlify Status

BattleStax JAMStack Workshop

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
BattleStax JAMStack Workshop BattleStax JAMStack Workshop BattleStax JAMStack Workshop BattleStax JAMStack Workshop

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.

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.