Chore: Update global styles, dependencies, and environment variables (#…

…23)

* chore: Enable build step to run independent of lint, test, and storybooks

* chore: Add 'tw-neumorphism' package for neumorphic design styling

* chore: Update global styles and dependencies

* chore: Update import paths for components in page.tsx

* Update audio file paths to use relative URLs

* chore: add media to public folder

* chore: Remove unnecessary files and dependencies

* Update environment variables and audio file paths

* chore: Update environment variables and gitignore

.env

@@ -0,0 +1,7 @@
+NEXT_PUBLIC_BRAND_NAME=Tetromino
+NEXT_PUBLIC_GITHUB=https://github.com/reactgular/tetromino
+NEXT_PUBLIC_STORAGE_KEY=tetromino
+NEXT_PUBLIC_VERSION=2.0.0
+# Base path for loading audio files
+NEXT_PUBLIC_BASE=/tetromino
+NEXT_PUBLIC_ANALYTICS=

.env.local

@@ -0,0 +1,3 @@
+NEXT_PUBLIC_BASE=http://localhost:3000/
+NEXT_PUBLIC_ANALYTICS=
+

.env.production

@@ -0,0 +1,2 @@
+# Please change to your Google Analytics ID
+NEXT_PUBLIC_ANALYTICS=UA-141015392-3

.github/workflows/deploy-artifacts.yml

@@ -70,8 +70,8 @@ jobs:
 
   build:
     runs-on: ubuntu-latest
-    needs: [ lint, test, storybooks ]
-    if: false
+    #needs: [ lint, test, storybooks ]
+    needs: [ lint ]
     steps:
       - name: "📥 Checkout code"
         uses: actions/checkout@v4

.gitignore

@@ -20,19 +20,11 @@
 .DS_Store
 *.pem
 
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
 # debug
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
-# local env files
-.env*.local
-
 # vercel
 .vercel
 

README.md

@@ -1,36 +1,32 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+# Tetromino
 
-## Getting Started
+![gameplay](media/tetromino-sample.gif)
 
-First, run the development server:
+A tetris-style game created with [React](https://reactjs.org/), [Redux](https://react-redux.js.org/) and [TailwindCSS](https://tailwindcss.com/).
 
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+## What is it?
 
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+For those of you not familiar with Tetris, it's a game where you drop tetromino shapes to create solid rows to score points. Blocks
+fall faster as you increase the level. If there is no more room to drop blocks, then the game is over.
 
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+## Why build it?
 
-## Learn More
+Wanted to challenge myself to build a Tetris game using just DOM elements.
+There are no SVGs or `<canvas>` graphics anywhere in the game.
 
-To learn more about Next.js, take a look at the following resources:
+All graphics are rendered as React functional components, and the game logic is handled by a Redux reducer.
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+## Where is it?
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+Online demo: [https://reactgular.github.io/tetromino/](https://reactgular.github.io/tetromino/)
 
-## Deploy on Vercel
+## How to get it?
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+Clone and run it locally.
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+```bash
+git clone https://github.com/reactgular/tetromino
+cd tetromino
+yarn install
+yarn start
+```