QDS-Hack-Happy-Thoughts 😄

An app where students can see other students sharing thoughts or images and bring positivity and take a minute to breath

Summary

Happy-Thoughts is a web application that aims to provide a space for students to anonymously share inspiring thoughts, experiences, or images with their peers. We hope to help them get out of an echo-chamber of worries, that our minds oftentimes are, and see how much happiness can be found in the little things in life. Posts are submitted anonymously from students in British Columbia (for now). All texts and images are stored in a Firebase-hosted database.

Technologies Used

• Node.js for backend development.
• Firebase for login flow and database integration.
• Frontend technologies like HTML, CSS, and JavaScript for the user interface.

Installation

1. Clone the repository:

   git clone https://github.com/SrslyKail/QDS-Hack-Happy-Thoughts.git

2. Navigate to the project directory:

   cd QDS-Hack-Happy-Thoughts

3. Install dependencies:

   npm i

4. Start the server:

   node index.js

Features

1. Anonymous Posting: Users can submit text and/or images anonymously.
2. Card Display: Posts are displayed as styled cards resembling polaroids and it can be flipped to see text behind.
3. Database Integration: Store posts and user information in the database.
4. Filter Bar: Let users see what they like
5. Personal Letter Animation: Animate the opening of a personal letter on user interaction.

Initial UI Sketches and Wireframes

UI Sketches

1. http://d.zaix.ru/FaRc.jpg
2. http://d.zaix.ru/FaRd.jpg

Wireframes

• http://d.zaix.ru/FaRY.png

Contributors (alphabetical order)

• Charlie Ho
• Corey Buchan
• Mykola Makarenko
• Polina Omelyantseva

Resources

• PHSA resources for links and information.
• Animista for CSS animations enhancements.