After millions of attempts, we were finally able to create a functional chat room (yay!). The biggest hurdle we faced was creating web sockets because none of us had prior knowledge on this. One of the main features of our website is "Global Chat" that allows users to talk to each other and provide positive feedback. We used this as our framework because of its simplicity and high functionality. The brain of our website is made using Flask. Firebase provides a JSON based database which worked perfectly with our project as our query responses were way faster and less complex. Add array for favicons And, we’re gonna use this array with for loop to apply it to our code. We track the user's mood every day, and storing that on a SQL database can be a tricky business. You can apply this way to set favicons for other favicons or shortcut icons with JavaScript arrays.
For this project, we decided to use Firebase because it provides a NoSQL database. One of the most difficult parts of creating any web application is managing the database. We also used Github to manage our project.
We used Python, Flask, Visual Studio 2019, and Firebase database for the back-end. We used Figma, and HTML/CSS through Bootstrap Studio to design the front-end. The web app includes a profile page to track your mood and accomplishments over time, and a chat feature to talk anonymously with other users. Users with high mood levels will be suggested more "fun" activities, while users with lower mood levels will be suggested more "self-care" activities to help improve their mood and overall well being.
PREOCCUPY creates a space to cure boredom and improve your mood by suggesting activities to try based on your mood.
Our web app responds to the increased depression, loneliness, and boredom reported by youth and young adults due to the onset of COVID-19. The favicon will also start showing up in your browser tabs.Īs a side note, here is the reason why I prefer PNG instead of ICO file:įavicon.png vs favicon."preoccupy: verb (T) to be the main thought in someone's mind, causing other things to be forgotten" (Definition of preoccupy from the Cambridge Advanced Learner's Dictionary & Thesaurus © Cambridge University Press). If you specify a favicon as above, you will not see that 404 anymore. If you do not define a favicon.ico in your index.html, then the browser will request for a favicon from the website root (default behaviour). If you put some image into the static folder, like favicon.png, it will be made available at Here is the documentation for static assets: įor your favicon issue, you can put a favicon.ico or favicon.png into the static folder and refer in the of your index.html as follows: Note that there is a static folder, along with node_modules, src, etc. Check out the Project Structure of webpack template:
0 kommentar(er)
