brooksvb / nonogram-pwa

Nonogram puzzle app created with SvelteKit, TailwindCSS, Typescript, and PWA

Home Page:https://brooksvb.github.io/nonogram-pwa

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Nonogram PWA

Live Demo on Github Pages

This is a project I developed in order to test out a new tech stack and experiment with making a PWA.

My main inspiration came from a Nonogram app that I used some years back, until it disappeared from the app store and I never found a replacement I liked. My goals were to replicate some of the UI and UX elements of the app that I remembered liking a lot. Particularly some of the drag selection behavior for marking cells in the grid.

Technologies Used

  • Typescript
  • Svelte
  • Svelte-Kit, Vite
  • Tailwind CSS
  • Jest
  • Progressive Web Apps

Using as a PWA

This app works well as a PWA! To install it on your device, open the options menu in your browser, and look for the "Add to home screen" option.

Building and Previewing

npm run build
npm run preview

Deploying to Github Pages

npm run deploy

About

Nonogram puzzle app created with SvelteKit, TailwindCSS, Typescript, and PWA

https://brooksvb.github.io/nonogram-pwa


Languages

Language:TypeScript 50.0%Language:Svelte 42.7%Language:JavaScript 6.4%Language:HTML 0.7%Language:CSS 0.2%