Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/avinashupadhya99/battlestax


https://github.com/avinashupadhya99/battlestax

Last synced: 5 days ago
JSON representation

Awesome Lists containing this project

README

        

# 🚀 JamStack + 🧑‍🚀 React + 🧑‍đŸ’ģ Workshop

[![License Apache2](https://img.shields.io/hexpm/l/plug.svg)](http://www.apache.org/licenses/LICENSE-2.0)
[![Discord](https://img.shields.io/discord/685554030159593522)](https://discord.com/widget?id=685554030159593522&theme=dark)
[![Actions Status](https://github.com/DataStax-Academy/battlestax/workflows/BattleStax%20Tests/badge.svg)](https://github.com/DataStax-Academy/battlestax/actions)
[![Netlify Status](https://api.netlify.com/api/v1/badges/e265340f-c6a6-4d7b-b24c-438b87c67876/deploy-status)](https://app.netlify.com/sites/battlestax-tutorial/deploys)

Welcome to **BattleStax**, a [JAMStack](https://jamstack.org/) game that uses [Netlify](https://www.netlify.com/jamstack/), [DataStax Astra](https://dtsx.io/workshop), and [GitHub](https://github.com/) 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](https://reactjs.org/) and [Redux](https://redux.js.org/) implemented with a CI/CD pipeline, global CDN network, and [Apache Cassandra](https://cassandra.apache.org/) all using **FREE** tech.

![log](./tutorial/battlestax.png)

## ℹī¸ Housekeeping

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.

### đŸŽĨ Live and questions with Youtube**

The workshop is live Streamed on youtube, twitch and linkedin. After the session the recordings will be available on our [`DataStax Developers YouTube channel`](https://www.youtube.com/channel/UCAIQY251avaMv7bBv5PCo-A)

*Click The image to join the stream*

[![stream](./tutorial/workshop-live.png)](https://vimeo.com/datastax/review/478138764/8983f4fca5)

### đŸ’Ŧ Chat with Discord*

Join our discord room [*The Fellowship of the Rings*](https://discord.com/widget?id=685554030159593522&theme=dark) to chat with the team and meet our 6k+ community there.

[![stream](./tutorial/discord.png)](https://discord.com/widget?id=685554030159593522&theme=dark)

### ❓ Quizz with Mentimeter

This workshop is *INTERACTIVE*. Not only you interact with the speakers through questions but there is more:

- We want to ask you some questions

![stream](./tutorial/mentimeter.png)

- We want you to mark when the exercise is complete

![stream](./tutorial/mentimeter2.png)

- We want you win some SWAG with some competitions and live QUIZZES

![stream](./tutorial/mentimeter3.png)

To do so we are using [Mentimeter](https://www.mentimeter.com/). To play with us follow the instructions below. The code is **`99 02 07 7`**. You can also [open this link](https://www.menti.com/wzz24ja21f) in a new tab.

![stream](./tutorial/mentimeter4.png)

### 🧑đŸģ‍🤝‍🧑đŸŊ The Crew

The materials has been prepared with live with our great team

| ![B](./tutorial/crew/chris.png) | ![B](./tutorial/crew/david.png) | ![B](./tutorial/crew/rebecca.png) | ![B](./tutorial/crew/cedrick.png)|
|--- | --- | --- | --- |
| Chris Whilhite
[@kidrecursive](https://github.com/kidrecursive) | David Gilardi
[@SonicDMG](https://github.com/SonicDMG)| Rebecca Millis
[@beccam](https://github.com/beccam) | Cedrick Lunven
[@clun](https://github.com/clun)|

![stream](./tutorial/line.png)

## 🚀🚀 🚀 Let's Play the Game !

Brave yourselves, everybody goes to [https://battlestax-workshop.netlify.app/](https://battlestax-workshop.netlify.app/).

[![.](./tutorial/rocket-animation.gif)](https://battlestax-workshop.netlify.app/)

## 🗓ī¸ Table of Contents

*All the tutorials and readme files are on the **master**. The **bootstraping** step is mandatory for you do the exercises. Then, checkout the branch you need to jump to any step. Get a look at all branches [here](https://github.com/DataStax-Academy/battlestax/branches)*

- **Bootstraping**
- 📚 [What is the JAMStack](./README_JAM.md)
- ⚒ī¸ [Setup and deploy your first app](./README_step00.md) *(master)*
- **Step 1 - Serverless**
- 📚 [What can Netlify do for you](./README_Netlify.md)
- ⚒ī¸ [Expose your "hello world" API](./README_step01.md) (*branch: `step-1`*)
- **Step 2 - Implement a Serverless Data API**
- 📚 [What is DataStax Astra and Stargate](./README_Astra_Stargate.md)
- ⚒ī¸ [Implement a CRUD Api in Astra](./README_step02.md) (*branch: `step-2`*)
- **Step 3 - Client and State Management with Redux**
- 📚 [What is Redux](./README_Redux.md)
- ⚒ī¸ [Create Redux slice](./README_step03.md) (*branch: `step-3`*)
- **Step 4 - React stuff**
- 📚 [What is React](./README_React.md)
- ⚒ī¸ [Bind Redux to the User Interface](./README_step04.md) (*branch: `step-4`*)
- **What's NEXT ?** *(not the framework* 😈)
- 📚 [Extra Resources and certifications](./README_Resources.md)
- 💚 [Share the love](./README_Ending.md)

*click the image to start !*

[![BattleStax JAMStack Workshop](./tutorial/are-you-ready.gif)](./README_JAM.md)

**🏠 [Table of Contents](./README.md#%EF%B8%8F-table-of-contents)** | ***next=>** 📚 [What is the JAMStack](./README_JAM.md)*