https://github.com/thetarnav/glitched-writer-app

A website dedicated to Glitched Writer - an npm javascript module, for text animation.
https://github.com/thetarnav/glitched-writer-app

animation glitch glitched-writer npm-package text typescript vue vue3

Last synced: 6 days ago
JSON representation

A website dedicated to Glitched Writer - an npm javascript module, for text animation.

• Host: GitHub
• URL: https://github.com/thetarnav/glitched-writer-app
• Owner: thetarnav
• License: apache-2.0
• Created: 2021-04-16T15:50:08.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-05-20T16:58:33.000Z (over 3 years ago)
• Last Synced: 2024-10-18T20:36:05.825Z (about 1 month ago)
• Topics: animation, glitch, glitched-writer, npm-package, text, typescript, vue, vue3
• Language: Vue
• Homepage: https://glitched-writer.site
• Size: 1.28 MB
• Stars: 2
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# [Glitched Writer Website](https://glitched-writer.site/)

## About

A website dedicated to my other project: [Glitched Writer](https://github.com/thetarnav/glitched-writer) - an npm javascript module, for writing text with customizable effects.

## Technology used

-  ### Vue 3

   -  with the heavy use of **Composition** & **Reactive Api**, to build global source-of-truth in the form of couple file-seperated modules. Instead of using vuex, because it lack full typescript support.

-  ### Typescript

-  ### TailwindCSS

   -  SCSS was also used here and there, where tailwind couldn't be

-  [glitched-writer](https://www.npmjs.com/package/glitched-writer) & [vue-glitched-writer](https://www.npmjs.com/package/vue-glitched-writer)

## Design

I used Figma for both UX and UI Design. The visual style itself is mostly inspired by NieR: Automata UI and generally the rough style of data-heavy control panels. The goal was to create an interesting and fitting design with very limited pallete of colors: 5 shades of brownish gray.

## Links

-  the website: [glitched-writer.site](https://glitched-writer.site/)

-  design: [figma prototype](https://www.figma.com/proto/mmZMzNmHqjeciHqRDZUQoY/Glitched-Writer?page-id=110%3A4396&node-id=159%3A0&viewport=596%2C682%2C0.14049586653709412&scaling=min-zoom)

-  npm module: [glitched-writer](https://www.npmjs.com/package/glitched-writer)

-  author: [Damian Tarnawski](https://github.com/thetarnav)

-  help: [Kacper Dąbrowski](https://github.com/kacper317)