> For the complete documentation index, see [llms.txt](https://docs.joevo2.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.joevo2.com/workshop/creating-your-own-flappy-bird.md).

# Creating your own Flappy Bird

{% hint style="info" %}
Due to time constraint we would not conduct this workshop today, but instead you can give this a try at your own time and do message or tweet me at  [@joevo2](https://twitter.com/joevo2) if you faced any issue.
{% endhint %}

## Before you start

* At least some basic understanding of programming is needed, preferably in JavaScript as this is the main language used throughout this course

*PS: But no worries, armed with just common sense and a bit of patience you can go through this workshop as well. If you need any help you can just raise your hand or message me at* [*@joevo2*](https://twitter.com/joevo2)

## Goals 

1. Create your own game using Expo + PixiJS
2. Publish the app to a website or at least run it on your phone 

***Extended***\
\&#xNAN;*Export the Expo Snack project,* [*run it locally*](https://expo.io/learn) *with Expo, initialise the project with Git and push it to your own GitHub repository so that you can showcase to the world what you've done and brag during interview :D* 

## Overview

* We will be using [Expo Snack](http://snack.expo.io) online editor as the main tools to create this application.
* We will need your iOS or Android phone installed with the[ Expo mobile app](https://expo.io/tools#client), so that the app can tested on your phone as Three.js cannot run in the Expo Snack web environment.
* ~~Most of the workshop content will be based off this~~ [~~official tutorial~~](https://docs.expo.io/versions/v31.0.0/tutorials/create-floatyplane-game/) ~~written by~~ [~~@Baconbrix~~](https://twitter.com/Baconbrix)~~. Do give him a tweet of appreciation~~. *We will be using this*[ *source code*](https://github.com/EvanBacon/react-flappy-bird) *instead because it is more up to date.*

***Extended*** \
\&#xNAN;*You can download the source code with Expo Snack and run it on your local machine, push to GitHub and have your own production build of the app.*

## Getting started

* Import this Git repo [`https://github.com/EvanBacon/react-flappy-bird`](https://github.com/EvanBacon/react-flappy-bird) using the guide shown below

{% content-ref url="/pages/-LpD0fDXQeE\_Zotptf1j" %}
[Importing Git Repository into Expo Snack](/workshop/importing-git-repository-into-expo-snack.md)
{% endcontent-ref %}

{% hint style="info" %}
This guide is still a work in progress, do explore around the code and tweak around the value to understand how all the moving part works in the app.
{% endhint %}