GMZcodes
π¨βπ» Dani Gamez's personal website PWA built using vanilla JavaScript, SCSS and HTML5.
π Check it out at https://gmzcodes.com!
π© No IE or (old) Edge. Get the f**k off my property!
Running It (Development)
Take a look at package.json
, the scripts are self-explanatory, but otherwise npm install
and npm start
work in 90%
of teh cases :D
The project will be accessible at http://localhost:8080/.
Reporting a problem
Don't hesitate to report any issue you find in this website/project by opening a new issue in this repository, but please make sure that problem hasn't been reported before by another user.
Known Issues
- The canvas looks blurry on screens with decimal DPI values. See https://stackoverflow.com/questions/15661339/how-do-i-fix-blurry-text-in-my-html5-canvas.
TODOs & Bugfixes
- Add a placeholder for the page logo in case it doesn't load.
- Review aria tags and code organization.
- Adjust side paddings to be included in the header links and button.
Other Ideas & Features
- Screenshot mode with multiple sizes.
- Multitouch on mobile.
- Undo/redo.
- Resize and keep canvas.
- Block trajectory in X/Y or diagonal axis.
- Image upload. See https://medium.com/@agbales/how-to-make-8-bit-art-with-javascript-eea808a70ba2
Some other sites I've built
-
πΉ The classic Stylophone, now in your phone and computer.
-
β¨ Press any key to get the JavaScript keyboard event event key, code, which, keyCode and more properties!
-
π° Circular slot machine mobile-first SPA built with JavaScript, CSS variables and Emojis!
-
πΌ Sharable image summaries for your open positions: Share your jobs as an image on LinkedIn and Instagram to get a visibility boost and more applicants!
Author
Dani GΓ‘mez Franco
LinkedIn: https://www.linkedin.com/in/danigamezfranco/
Stack Overflow: https://stackoverflow.com/users/3723993/danziger