## Inspiration

The three of us all love music and podcasts. Coming from very diverse backgrounds, we all enjoy listening to content from a variety of places all around the globe. We wanted to design a platform where users can easily find new content from anywhere to enable cultural interconnectivity.

## What it does

TopCharts allows you to place a pin anywhere in the world using our interactive map, and shows you the top songs and podcasts in that region. You then can follow the link directly to Spotify and listen!

## How we built it

We used the MapBox API to display an interactive map, and also reverse GeoLocate the area in which the pin is dropped. We used the Spotify API to query data based on the geolocation. The app itself is built in React and is hosted through Firebase!

## Challenges we ran into

Getting the MapBox API customized to our needs!

## Accomplishments that we're proud of

Making a fully functional website with clean UI/UX within ~30 hours of ideation. We also got to listen to a lot of cool podcasts and songs from around the world while testing!

## What we learned

How robust the MapBox API is. It is so customizable, which we love! We also learned some great UI/UX tips from Grace Ma (Meta)!

## What's next for TopCharts

Getting approval from Spotify for an API quota extension so anyone across the world can use TopCharts!
Team #18 - Ben (benminor#5721), Graham (cracker#4700), Cam (jeddy#1714)
## Inspiration

We hate making resumes and customizing them for each employeer so we created a tool to speed that up.

## What it does

A user creates "blocks" which are saved. Then they can pick and choose which ones they want to use.

## How we built it

[Node.js](https://nodejs.org/en/)
[Express](https://expressjs.com/)
[Nuxt.js](https://nuxtjs.org/)
[Editor.js](https://editorjs.io/)
[html2pdf.js](https://ekoopmans.github.io/html2pdf.js/)
[mongoose](https://mongoosejs.com/docs/)
[MongoDB](https://www.mongodb.com/)
## Inspiration

What if I want to take an audio tour of a national park or a University campus on my own time? What if I want to take an audio tour of a place that doesn't even offer audio tours?

With Toor, we are able to harness people's passions for the places they love to serve the curiosity of our users.

## What it does

We enable users to submit their own audio tours of the places they love, and we allow them to listen to other user submissions as well. Users can also elect to receive a text alert if a new audio tour has been updated for a specific location.

## How we built it

We built the front-end using React, and back-end with multiple REST API endpoints using Flask. Flask then uses SQLAlchemy, an ORM to submit records to the SQLite3 database and query data to and from. The audio files are stored in Google Cloud Firebase database. The front end is also hosted on Firebase.

## Challenges we ran into

Enabling users to listen to audio without having to repeatedly download the files was our first major obstacle. With some research we found that either an AWS S3 bucket or a Google Firebase database would solve our problems. After issues with permission with the AWS S3 bucket, we decided that Google Firebase would be a more apt solution to our issue.

## Accomplishments that we're proud of

Enabling audio streaming was a big win for us. We are also proud of the our team synergy and how we got things done quickly. We also are proud of the fact that we applied a lot of the things we learned from our internships this summer.

## What we learned

* Audio streaming, audio file upload
* Upload audio player on react
* Thinking about minimal viable product
* Flask
* Soft skills such as interpersonal communication with fellow hackers

## What's next for Toor

Adding the ability to comment on an audio tour, expanding the scope outside of just college campus, using Google Cloud Platform to implement Speech-To-Text and NLP to filter out "bad" comments and words in audio files.