I want to create a website where people can log in how they feel and that data will be stored in a database and then I would use that data to create some art piece that reflects the answer. Ideally I'd have one webpage where you enter the data and another page where you can see the art piece. The reason behind this project is how I want to be connected with my friends. But sometimes people are uncomfortable answering the question "How are you?" so I wouldn't see any of their answer except some art piece. Stretch goal would be to have people be able to have an account and log in everyday and I could see a different art piece everyday and see how they are progressing. It feels like a less invasive way to check on someone. Feel free to contribute by forking and doing a pull request :)
To run this project you have to fork it and then clone it
git clone https://github.com/yourusername/Creative-Code-Project.gitThen in your terminal you need to run
nodemon server.js // you can also just use npm server.js- npm - Node package manager
- Node.js - Open source, cross-platform runtime environment for developing server-side applications
- Express - Web framework for node
- Nodemon - Automatically refresh my server
- Firebase - Database as a service
- Jquery - Javascript Library
- P5.js - Javascript Library
- Bulma - CSS Framework
- SASS - CSS Extension
- Travis CI - Continuous Integration
- Notyf.js - Javascript Library
- Created multiple checkup questions
- Created art based on data
- Used P5.js and css animation
- Created a legend
- Deployed on Heroku
- Installed Travis CI to test my build
- Firebase
- Read and write from database
- Log in and sign up
- Send email verification when account is created
- Ability to reset password
- https://dev.to/desoga/connect-registration-form-to-firebase-part-2-53cb
- https://codepen.io/CTNieves/pen/pbLGZW
- https://codepen.io/Web_Cifar/pen/PoNNEYY
- https://codepen.io/thebabydino/pen/NNxMaN
- https://flaviocopes.com/css-animations/
- https://www.youtube.com/watch?v=Zz6eOVaaelI
- https://codepen.io/impressivewebs/pen/mdbZKKq
- https://codepen.io/kececi/pen/Vwexepw
- https://stackoverflow.com/questions/18340057/how-to-display-two-buttons-beside-each-other
- https://stackoverflow.com/questions/15719729/i-want-to-load-another-html-page-after-a-specific-amount-of-time
- https://www.youtube.com/watch?v=fpOBwg0jdGk
- https://firebase.google.com/docs/auth/web/email-link-auth?authuser=1
- https://github.com/caroso1222/notyf
- https://dribbble.com/shots/9169131-Mood-Tracker-Employee-Engagement-App
- https://codepen.io/sosuke/pen/Pjoqqp
- https://stackoverflow.com/questions/22252472/how-to-change-the-color-of-an-svg-element
- https://stackoverflow.com/questions/43509021/how-to-add-username-with-email-and-password-in-firebase
- https://www.w3schools.com/howto/howto_js_dropdown.asp
- https://codepen.io/oceanestars/pen/BaLKgEq
- https://firebase.google.com/docs/auth/web/manage-users