## Inspiration

With none of us being particularly financially savvy, we wanted to dip our toes into learning about and creating a finance related app

## What it does

TuberTrader allows users to sign into a web app and buy and sell youtubers like stocks. It creates a risk free and fun atmosphere to simulate the real world stock market

## How we built it

Using Vue 3 and Bootstrap for the frontend and Firebase to manage the backend, we wanted to advantage of cool frameworks and services to help us build faster

## Challenges we ran into

The main challenge we ran into was accessing and working with the YouTube API. Limitations with the free tiers of the services we were using also came into play as well as our inexperience with backend logic.

## Accomplishments that we're proud of

In the end, we are still proud that we were able to create a widget the reflects the main idea of what we set out to do. We were able to take advantage of Firebase for managing user auth as well as storing data, were able to use the convivences that come with Vue 3 and Bootstrap

## What we learned

We learned that using APIs can be quite challenging especially when you are using them for the first time. Creating backend logic can also be confusing if not done properly

## What's next for TuberTrader

In the future we want to implement the YouTube API properly and be able to also implement a realistic bidding and asking system for the stocks
## Inspiration

Our project was inspired by the desire to strengthen the local economy of Kingston. We recognized the potential of digital platforms in enhancing the visibility of local businesses and student ventures. By creating an online marketplace, we aimed to bridge the gap between local vendors and residents, fostering a stronger community bond.

## What it does

What it does
The Kingston Marketplace serves as a digital hub for local businesses and students in Kingston. It provides a platform where they can list and promote their products and services, enhancing local visibility and community engagement.

## How we built it

1.**Front-End Development:**

**React:** Utilized for its component-based architecture, enabling us to build a scalable and maintainable user interface.
**Tailwind CSS:** Chosen for its utility-first approach, allowing us to rapidly style components while maintaining consistency and responsiveness.
**Framer Motion:** Integrated for adding subtle yet powerful animations, enhancing user interaction and visual appeal.

1. **Back-End Development:**

**JavaScript:** Served as the core programming language, ensuring seamless integration between front-end and back-end functionalities.
**Firebase:**
Authentication: Implemented to provide a secure and sohphisticated login and signup experience.
Database: Used for storing and managing data like user profiles, product listings, and images, ensuring real-time updates and data integrity.
Feature Implementation:

**Advanced Search and Filters:** We developed algorithms using Javascript and react to allow users to easily search and filter listings, enhancing user experience.
**Dynamic Listing Interface:** Created an intuitive system for users to add their listings, with real-time preview and editing capabilities. The product listing data being stored in Firebase allows for seamless creation and updation of new listings.

## Challenges we ran into

As this was a full-stack robust applicaiton, time was very much of the essence. It was our first time using such a diverse tech-stack, learning and applying these new concepts in such a short time proved to be a real challenge. Nevertheless, we overcame these with our dedication and hardwork. We furthere encountered challenges in designing a user interface that was both technically efficient and user-friendly, especially for listing creation and filtration

## Accomplishments that we're proud of

We are proud of creating a platform that not only meets modern web standards with its functionalities (like advanced search and filtering) but also significantly supports local commerce and student entrepreneurship in Kingston.

We are a team of 3 and most importantly, its the first hackathon for two of our team members. For them to learn also these modern technologies and apply them in a limited time frame is something that we are really proud of.

## What we learned

This project enhanced our skills in modern web development technologies and gave us insights into the needs of local businesses and student communities. We learned the importance of intuitive UI/UX design and effective data management. This project overall helps us shape ourselves into better professionals for the industry and also teaches us with crucial team building skills

## What's next for Kingston Marketplace

Looking ahead, we plan to integrate more personalized features, like recommendations and user reviews. We also aim to expand our reach, potentially including more cities and varied product categories, to foster a wider community network
## Inspiration

After being overwhelmed by the volume of financial educational tools available, we discovered how the majority of products are focused for institutions or expensive. We decided there needs to be an easy approach to learning about stocks in a more casual environment. Interested in the simplicity of Tinder’s yes or no swiping mechanics, we decided to combine the 2 ideas to create Tickr!

## What it does

Tickr is a stock screening tool designed to help beginner retail investors discover their next trade! Using an intuitive yes or no discovery system through swiping mechanics, Tickr the next Tinder for stocks. For a more in depth video demo, see our [original screen recorded demo video!](https://youtu.be/dU6rF8vymKE)

## How we built it

Our team created this web app using a Node and Express back end paired with a React front end. The back end of our project used 3 linked Supabase tables to host authenticated user information, static information about stocks from the New York stock exchange and NASDAQ. We also used the [Finnhub API](https://finnhub.io/) to get real time metrics about the stocks we were showing our users.

## Challenges we ran into

Our biggest challenge was setting the scope into something that our team could complete in a weekend. We hadn't used Node and Express in a long time, so getting comfortable with our stack again took more time than we thought.

We were also completely new to Supabase and decided to try it out because it sounded really interesting. While Supabase turned out to be incredibly useful and userfriendly, the learning curve for it also took a bit more time than we thought.

## Accomplishments that we're proud of

The two accomplishments we are most proud of are our finished UI and successful integration of the Finnhub API. Drawing inspiration from Tinder, we were able to recreate a similar UI/UX design with minimal help from pre-existing libraries. Further, we were able to design our backend to make seamless API calls to fetch relevant data for our application.

## What we learned

During this project we learned a lot about the power of friendship and anime. Some of us learned what a market cap was and how to write a viable business proposal while others learned more about full stack development and how to host a database on Supabase.

Overall it was a very fun project and we're really glad we were able to get our MVP done 😁✌️

## What's next for Tickr

Our next goal for Tickr is to finish off the aggregate news feed function. This would entail a news feed of all stocks swiped on and provide notification. This would help improve our north star metric of time spent on platform and daily active users!