For this project we used Bootstrap, CSS, Javascript, Two.js, and local storage on the front-end, and Node.js, Express.js, NPM, MySql, Sequelize ORM, Handlebars, JQuery, and GIF Encoder on the backend to create an interactive drawing application. We researched and utilized a variety of technologies (listed below) in order to make the app interactive, useful, and fun. We used a collaborative approach to the creation of this app by using pair programming. We maintained an organized task flow by utilizing Github's project cards, issue submissions and branch protection rules so that we could review and approve updates to the app.
This app allows users to log in or sign up using a username and login or by providing and email and creating a username and password. Once logged in, the user may direct themselves using the navigation panel on the left. From the navigation bar the user can access the explore page in which they can make animations.
- Visual Studio Code - to create and modify the code on my local device
- Bootstrap - to structure html elements
- CSS - for styling of handlebars files
- Javascript - for routing and functionality
- jQuery - to add actions to the page
- Two.js - to contruct an animation tool
- Node.js - to run our server
- NPM - to utilize packages
- Express.js - for web framework
- MySql - for database access
- Sequelize ORM - For SQL server access
- Handlebars - For design templating
- GIF Encoder (svg2img) - for in-memory conversion of images to svg
- Git - to track changes and push commits
- GitHub - to host the repository and deploy with GitHub pages
- Heroku - to host the repository and deploy
https://peaceful-cliffs-69062.herokuapp.com/
We plan to develop further a more extensive Explore page. We also plan to add more social media components such as a like feature and a friends list. A galleries feature will eventually have a polished interactive user interface.
https://github.com/amackenzie26/Animates https://peaceful-cliffs-69062.herokuapp.com/ https://amackenzie26.github.io/Animates/
- Adam Kruschwitz [https://www.linkedin.com/in/adamkruschwitz/]
- Matt Weichel [https://www.linkedin.com/in/mattweichel/]
- Alec Mackenzie [https://www.linkedin.com/in/alec-mackenzie-5119a5b8/]