## Inspiration

I came up with the Study Buddy when I realized how much of a hassle it is to have to constantly switch apps, and websites while studying for school. I decided to make a platform that could combine my most used resources into one website.

## What it does

The Study Buddy holds 3 different pages as of now. On the first page, you can manage your assignments and tasks to stay organized.

On the second page, you can create your own customizable virtual flashcards. You can have an infinite amount of flashcards, and the program will generate them at random, and it will also never give you the same flashcard twice. In case you're interested, here is an article that talks about the benefits of flashcards <https://usm.maine.edu/agile/using-flashcards>

On the third page, there is a text box that allows you to input text, and have it read out loud to you using a speech API. You can pause and play at your desire. Having a program that can read text to you is useful as you can multitask as you are taking in information, and you are still able to take in information from text if you are dyslexic, or are visually impaired.

## How I built it

I built the Study Buddy with HTML, CSS, and Vanilla JS. As I mentioned earlier, it is made up of three pages and I used a speech API for the third page (Audio Reader).

## Challenges I ran into

Some challenges I ran into were the audio reader not pausing, the audio play button not turning back on, and the CSS animation for the flash card not working. I overcame these challenges be referencing other peoples code, as well as some YouTube videos.

## Accomplishments that I'm proud of

I'm proud of the fact that I was able to build a functioning program for my first hackathon, and I'm proud of the fact that I was able to incorporate some technology that I would've never used if I wasn't in this hackathon.

## What I learned

I learned how to use speech APIs through JS, I learned a lot about CSS animation, and I learned a bit about how websites actually are designed.

## What's next for Study Buddy

Study Buddy will incorporate more resources within the application so that it becomes much more useful to students to use. Study Buddy may also expand into a mobile application instead of a website so that it can more easily be used on mobile.
## Inspiration

We were inspired by a YouTube video, which touched on the idea of Rule of Thirds, and how people don't really take advantage of it.

## What it does

Allows people to take better photos, with more emphasis and meaning on the elements of their pictures.

## How we built it

We used a regular html/css frontend, alongside Flask for backend. Then, we used an opencv pre-trained model to detect objects which came on the screen. Finally, we determined

## Challenges we ran into

Time constraints, we ran out of time very quickly.

## Accomplishments that we're proud of

We are proud of our ability to persevere, even though a lot of unfortunate issues came up during the challenge. Even though we did not get the outcome we wanted, we learned a lot about each other and the difficulties of hackathons.

## What we learned

We learned a lot about frameworks, fullstack development and machine learning.

## What's next for img comp

We hope to upgrade this by providing a more powerful dataset so that the objects in our pictures are predicted more accurately, a more visually appealing front-end, and even more considerations when deciding "the ideal picture".
## Problem

In these times of isolation, many of us developers are stuck inside which makes it hard for us to work with our fellow peers. We also miss the times when we could just sit with our friends and collaborate to learn new programming concepts. But finding the motivation to do the same alone can be difficult.

## Solution

To solve this issue we have created an easy to connect, all in one platform where all you and your developer friends can come together to learn, code, and brainstorm together.

## About

Our platform provides a simple yet efficient User Experience with a straightforward and easy-to-use one-page interface.

We made it one page to have access to all the tools on one screen and transition between them easier.

We identify this page as a study room where users can collaborate and join with a simple URL.

Everything is Synced between users in real-time.

## Features

Our platform allows multiple users to enter one room and access tools like watching youtube tutorials, brainstorming on a drawable whiteboard, and code in our inbuilt browser IDE all in real-time. This platform makes collaboration between users seamless and also pushes them to become better developers.

## Technologies you used for both the front and back end

We use Node.js and Express the backend. On the front end, we use React. We use Socket.IO to establish bi-directional communication between them. We deployed the app using Docker and Google Kubernetes to automatically scale and balance loads.

## Challenges we ran into

A major challenge was collaborating effectively throughout the hackathon. A lot of the bugs we faced were solved through discussions. We realized communication was key for us to succeed in building our project under a time constraints. We ran into performance issues while syncing data between two clients where we were sending too much data or too many broadcast messages at the same time. We optimized the process significantly for smooth real-time interactions.

## What's next for Study Buddy

While we were working on this project, we came across several ideas that this could be a part of.
Our next step is to have each page categorized as an individual room where users can visit.
Adding more relevant tools, more tools, widgets, and expand on other work fields to increase our User demographic.
Include interface customizing options to allow User’s personalization of their rooms.

Try it live here: <http://35.203.169.42/>

Our hopeful product in the future: <https://www.figma.com/proto/zmYk6ah0dJK7yJmYZ5SZpm/nwHacks_2021?node-id=92%3A132&scaling=scale-down>

Thanks for checking us out!