All Projects → roeeyn → SvelteTetris

roeeyn / SvelteTetris

Licence: other
Basic Tetris game created with Svelte

Programming Languages

Svelte
593 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to SvelteTetris

svelteify
📲 Customizable and dependencies-less Material components with Svelte
Stars: ✭ 43 (+104.76%)
Mutual labels:  svelte, sveltejs
svelte-typescript-rollup
Svelte + Typescript + Rollup
Stars: ✭ 79 (+276.19%)
Mutual labels:  svelte, sveltejs
svelte-pagination
Example of a pagination component in Svelte
Stars: ✭ 15 (-28.57%)
Mutual labels:  svelte, sveltejs
programmingtil-svelte
No description or website provided.
Stars: ✭ 59 (+180.95%)
Mutual labels:  svelte, sveltejs
ui-svelte
A component library for Svelte
Stars: ✭ 18 (-14.29%)
Mutual labels:  svelte, sveltejs
svelte-headlessui
Unofficial Svelte port of Headless UI components
Stars: ✭ 564 (+2585.71%)
Mutual labels:  svelte, sveltejs
svelte-persistent-store
A Svelte store that keep its value through pages and reloads
Stars: ✭ 111 (+428.57%)
Mutual labels:  svelte, sveltejs
svelte-meteor-data
Reactively track Meteor data inside Svelte components
Stars: ✭ 14 (-33.33%)
Mutual labels:  svelte, sveltejs
svelte-interview-questions
Concepts and Questions related to Svelte - Part of official Svelte resources list
Stars: ✭ 18 (-14.29%)
Mutual labels:  svelte, sveltejs
svelte-webcomponents
A ready-to-use project template to build custom elements (web components) with Svelte 3 with support and examples for web components, jest, sass, nested components with props, eslinting, stylelinting, Github actions, propagating custom events from shadow-DOM to real-DOM etc.
Stars: ✭ 22 (+4.76%)
Mutual labels:  svelte, sveltejs
svelte-hamburgers
Custom Hamburger Icons in Svelte with ease
Stars: ✭ 27 (+28.57%)
Mutual labels:  svelte, sveltejs
Svelte Material Ui
Svelte Material UI Components
Stars: ✭ 2,081 (+9809.52%)
Mutual labels:  svelte, sveltejs
memento-svelte-electron-typescript
Template to create a desktop app with Svelte, TailwindCSS, Electron and TypeScript (with electron-updater, electron-reload and electron-builder)
Stars: ✭ 27 (+28.57%)
Mutual labels:  svelte, sveltejs
plate-app
🍛 What's on your Plate?
Stars: ✭ 49 (+133.33%)
Mutual labels:  svelte, sveltejs
http-interceptors
The Web apps in this monorepo make HTTP requests and require uniform consistency in how they are executed and handled. This monorepo demonstrates the same app written with Angular and with Svelte. Each app uses HTTP interceptors. The Angular app uses HttpClient and its interceptors while the Svelte app uses Axios and its interceptors.
Stars: ✭ 46 (+119.05%)
Mutual labels:  svelte, sveltejs
svelte-component-library-template
A base for building Svelte component library.
Stars: ✭ 62 (+195.24%)
Mutual labels:  svelte, sveltejs
focus-svelte
focus lock for svelte
Stars: ✭ 18 (-14.29%)
Mutual labels:  svelte, sveltejs
cv
My online CV using Svelte
Stars: ✭ 35 (+66.67%)
Mutual labels:  svelte, sveltejs
template
Elder.js template project. It is part template, part tutorial. Dive in!
Stars: ✭ 101 (+380.95%)
Mutual labels:  svelte, sveltejs
svelte-progressbar
A multiseries, SVG progressbar component made with Svelte
Stars: ✭ 85 (+304.76%)
Mutual labels:  svelte, sveltejs

Svelte Tetris

This is a very basic Tetris game made in the Svelte framework.

You can check it out here.

Demo Gif

Get started

Install the dependencies...

git clone https://github.com/roeeyn/SvelteTetris.git
cd SvelteTetris
npm install

...then start Rollup:

npm run dev

Navigate to localhost:5000. You should see the app running. Press start and start playing around.

Building and running in production mode

To create an optimised version of the app:

npm run build

Deploying to the Web

I've automated this repo to build and deploy automatically to Firebase using GitHub Actions. For achieving that you need to create a project inside Firebase Console and getting Firebase Token by executing:

# optional deploy automation
firebase login:ci

Justification for the project

I advanced to the second stage in the MLH Fellowship application, and I was asked to upload a significant project where I showed my skils. As most of my best projects are private I decided to create this game, and learn a new framework (Svelte) in the way.

I was inspired by this project which gave me a very good foundation of the game basics, but didn't have all the functionality I wanted. Also ddanielcruzz helped me designing the game console and helped me by giving me a general review of my project.

I hope this demostrate that I'm ready for a bigger challenge 🔥.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].