TrendChaser

Keep track of the search trends in your business sector and make informed decisions on what to buy and sell and what types of business to focus on (delivery vs. pick-up).

Comment 1

⭐ Check out our Github! https://github.com/reantric/TrendChaser/ ⭐

Who we are

We are rising seniors in high school with a passion for learning and creating through computer science.

💡 Inspiration

We saw a lot of local small businesses struggled to reach out to their markets and we wanted to create a solution that would give a lot of relevant data to businesses to help adapt their products and marketing. Consumers are always changing their interests, and it's very important for businesses to keep up with trending data and competitors. We want to use TrendChaser to aid businesses find and target their market with trending information.

🖥️ What it does

Our website is designed to help small businesses gain insights on their market and competitors using trending and rising search queries related to their business within it’s related DMA, or designated market area. This is particularly useful for restaurants who need to know what is trending in their region and what people are searching up nearby. On the main page, we can input a topic related to one’s business, a related region, and a time frame for the trending search history. Once submitted, we are redirected to a page with four tables. The first table shows top topics, the second table shows rising topics, the third shows top related queries and the fourth shows rising related queries.

🛠️How we built it

This was all of our first time using HTML/CSS and Express to design a website, so there was a huge learning curve for designing our form submission and chart displays from scratch. Every single file in our project was coded by us from the ground up. We used HTML, CSS, and Javascript to create this project. JS Libraries include express.js, google-trends-api, and node.js.

⚠️Challenges we ran into

We had difficulties making the results page wait for the data to be loaded into the JSON files before accessing them. We also had difficulties accessing our JSON files from our HTML file in another directory, but we thankfully resolved the issue by placing the JSON in our 'public' folder for our fetch command to see the JSON file. Our largest struggle was learning HTML and trying to structure the website. We designed everything from scratch and displaying the correct information from the JSON files was very challenging.

🏆 Accomplishments that we're proud of

We were able to effectively create a web server that can receive GET and POST requests. Our program also easily aggregates relevant data and displays it to the user in a very eye pleasing way.

🧠What we learned

We learned how to create a basic express.js server, setup GET and POST requests, how to make a script wait for a certain period of time, and how to allow one script to send different pages depending on user actions. For some of the members, this was their first time working with JS.

🚀 What's next for TrendChaser

We plan to add algorithms that search through the queries and topics and remove the ones that are very broad (e.g. "Food").

Share this project:

Updates