Tetriso

A personal project of Tetris like web optimized game.

Commands:

npm start

npm test

npm run eject

npm run build

gh-pages -d build

git add .

git commit -m "smt"

git push origin master

npm run build

gh-pages -d build

Website

Tetriso.

https://reactrouter.com/en/main/getting-started/tutorial https://v5.reactrouter.com/web/guides/quick-start

https://firebase.google.com/docs/firestore/query-data/get-data https://firebase.google.com/docs/firestore/manage-data/add-data

TODO

cosmetic

interface

gameplay

database

others

RESOURCES

tetris logic meth meth method https://www.youtube.com/watch?v=H2aW5V46khA

text glitch effect Tee Diang https://codepen.io/acupoftee

clip path maker https://bennettfeely.com/clippy/

generate random string https://stackoverflow.com/a/27747377/15749280

Fun and addicting web game.
Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. Contributing
6. License
7. Contact
8. Acknowledgments
9. Used material

About The Project

I want to create an app that is solely focused on self-improvement with all features that would help you. My main reason is, I haven't found an app with features I needed or for free. The app will be available on web, android and ios.

Here are the features I want to build in:

• Calendar
• Todos
• Notes
• Habit tracker
• Finance manager
• Mind map

(back to top)

Built With

• 
• 
• 
• 
• 

(back to top)

Getting Started

To run the app locally follow these instructions.

Prerequisites

Install these dependencies.

• npm

  npm install npm@latest -g

• dependencies:
  • "@fortawesome/fontawesome-svg-core": "^6.2.1",
  • "@fortawesome/free-brands-svg-icons": "^6.2.1",
  • "@fortawesome/free-solid-svg-icons": "^6.2.1",
  • "@fortawesome/react-fontawesome": "^0.2.0",
  • "@types/react-redux": "^7.1.25",
  • "firebase": "^9.16.0",
  • "fortawesome": "^0.0.1-security",
  • "node": "^18.13.0",
  • "react": "^18.2.0",
  • "react-fontawesome": "^1.7.1",
  • "react-hot-toast": "^2.4.0",
  • "react-redux": "^8.0.5",
  • "react-router-dom": "^6.7.0",
  • "redux": "^4.2.0",
  • "sass": "^1.57.1",
  • "swr": "^2.0.1"
• dev dependencies:
  • "@reduxjs/toolkit": "^1.9.1",
  • "@testing-library/jest-dom": "^5.16.5",
  • "@testing-library/react": "^13.4.0",
  • "@types/react": "^18.0.27",
  • "@types/react-dom": "^18.0.10",
  • "@typescript-eslint/eslint-plugin": "^5.47.1",
  • "@typescript-eslint/parser": "^5.47.1",
  • "@vitejs/plugin-react-swc": "^3.0.1",
  • "axios": "^1.2.4",
  • "eslint": "^8.32.0",
  • "eslint-config-airbnb": "^19.0.4",
  • "eslint-config-prettier": "^8.5.0",
  • "eslint-plugin-import": "^2.26.0",
  • "eslint-plugin-jsx-a11y": "^6.5.1",
  • "eslint-plugin-prettier": "^4.2.1",
  • "eslint-plugin-react": "^7.28.0",
  • "eslint-plugin-react-hooks": "^4.3.0",
  • "gh-pages": "^4.0.0",
  • "jsdom": "^20.0.3",
  • "prettier": "^2.8.3",
  • "react-dom": "^18.2.0",
  • "typescript": "^4.9.3",
  • "vite": "^4.0.4",
  • "vitest": "^0.26.3"

Installation

To set up the app clone the repo.

git clone https://github.com/your_username_/Project-Name.git

(back to top)

Usage

Use this space to show useful examples of how a project can be used. Additional screenshots, code examples and demos work well in this space. You may also link to more resources.

For more examples, please refer to the Documentation

(back to top)

Roadmap

• Vite app
• Redux state
• Firebase
  • Authentication
  • Firestore
  • Storage
• Pages
  • Calendar
  • Habit tracker
  • Mind map
  • Notes
  • Todos
  • Finance manager
• encryption
• Logo
• Color themes
• Mascot
• icons

See the open issues for a full list of proposed features (and known issues).

(back to top)

Contributing

Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

License

Distributed under the GNU GPLv3 License. See LICENSE.txt for more information.

(back to top)

Contact

Your Name - @erik.kvrk - erik.kvrk@gmail.com

Project Link: Dalf

(back to top)

Acknowledgments

Helpful resources I want to give credit to.

• Choose an Open Source License
• GitHub Emoji Cheat Sheet
• Malven's Flexbox Cheatsheet
• Malven's Grid Cheatsheet
• Img Shields
• GitHub Pages
• Font Awesome
• React Icons
• README template

(back to top)

Used material

• VITE
  • Vite guide
  • Vitest testing library docs
• REACT
  • react hooks by fireship
  • setting up vite, react and formatters by coding garden
  • icons
• REDUX
  • redux crash course by laith academy
  • redux project tutorial by mosh
  • redux toolkit
  • redux toolkit tutorial by Dave Gray
• SASS
  • documentation
  • tutorial by kevin powerll
• SWR
  • fetch data from API by Dave Gray
• FIREBASE
  • firestore

(back to top)