https://github.com/adam-robson/tetrisjs

https://github.com/adam-robson/tetrisjs

Last synced: 15 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/adam-robson/tetrisjs
• Owner: Adam-Robson
• Created: 2024-03-29T03:38:32.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-12-06T17:01:35.000Z (25 days ago)
• Last Synced: 2024-12-06T18:24:03.838Z (25 days ago)
• Language: JavaScript
• Size: 134 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tetris

## Description

Tetris Game with React, Redux, Webpack, Babel, Deployed on Netlify

[![Netlify Status](https://api.netlify.com/api/v1/badges/98c20328-9908-4a43-b887-a1dc11b98737/deploy-status)](https://app.netlify.com/sites/tetrisbyadam/deploys)

---

Live demo on Netlify [here](https://tetrisbyadam.netlify.app).

---

## Table of Contents

- [Tetris](#tetris)

  - [Description](#description)

  - [Table of Contents](#table-of-contents)

  - [Summary](#summary)

  - [Features](#features)

  - [Technologies Used](#technologies-used)

  - [Objectives](#objectives)

  - [Authors](#authors)

  - [Acknowledgements](#acknowledgements)

  - [Contact](#contact)

## Summary

The Tetris Game project is an interactive web application built using

  modern web technologies, including React, Redux Toolkit, Webpack,

  Babel, and deployed on Netlify. This project was designed to showcase

  proficiency in front-end development, state management with Redux,

  and efficient deployment practices.

This build was inspired by [this](https://github.com/Tech-at-DU/React-Redux-Tetris-Tutorial).

## Features

1. **Classic Tetris Gameplay**: The application faithfully replicates the

  classic Tetris experience, providing players with the familiar challenge

  of arranging falling blocks to create complete lines.

2. **React Components**: The game's user interface is built using React,

  allowing for a modular and efficient component-based architecture. This

  enables easy customization and maintenance of the game's various elements.

3. **Redux State Management**: Redux and Redux Toolkit were employed to

  manage the game's state, ensuring a predictable and centralized approach to

  handling game logic, score tracking, and level progression.

4. **Webpack and Babel Setup**: The project was set up and configured with

  Webpack and Babel, facilitating efficient bundling, transpiling, and

  optimization of the codebase for production deployment.

5. **Responsive Design**: The game is designed to be responsive, ensuring an

  enjoyable and seamless gaming experience across a wide range of devices,

  from desktops to mobile phones.

6. **Netlify Deployment**: The game is deployed on Netlify, a powerful

  and user-friendly platform for hosting static websites. This ensures

  reliable and scalable hosting with continuous integration and automated

  deployment workflows.

## Technologies Used

- **Frontend**: React, HTML, CSS, JavaScript

- **State Management**: Redux Toolkit

- **Build Tools**: Webpack, Babel

- **Deployment**: Netlify

## Objectives

- Gain proficiency in React for building dynamic and interactive user

  interfaces.

- Master Redux Toolkit for efficient state management in complex applications.

- Understand and implement Webpack and Babel for project setup, bundling, and

  transpilation.

- Learn deployment best practices using Netlify, including continuous

  integration and automated deployment workflows.

## Authors

> [@Adam-Robson](https://www.github.com/Adam-Robson)

## Acknowledgements

Thanks to Mitchell Hudson for generously sharing.

## Contact

I can be messaged through email at `[email protected]`.