This project would be using some new technology, as well as accomplishing something we saw as a niche in the market.
This shows how all the pieces would need to fit together.
Taking some basic ideas to the sketchbook helps me organize ideas about the logo, logic, and user flow. A few minutes here can save lots of time further on in the project.
Wireframes help to connect logic with the basic layout. It is important to understand how the app will display differently between devices. By designing a mobile and web view, I can develop around CSS break points.
This project also introduced me to the git workflow. It's been a great asset for working remotely as well as creating and capturing small improvements.
Node.js has also been a staple in my development. Here you can see a webpack server deployment for quick updates and validation.
Here's a quick test to make sure the components are playing nicely together. Everything looks pretty good here, the translation is happening in real-time, as desired!
Currently, I'm working to improve the layout. I'd like to create a different style for the titleblock as well. Feel free to check out the project on GitHub here!