Inspiration
The idea for the website came from countless frustrating trips to stores only to find long lines and overcrowded spaces. Wanting to make everyday errands more efficient and stress-free, we set out to create a tool that helps people avoid the hassle and save time by knowing when businesses are busy before they leave home.
What it does
Busy or Not? allows the user to search for a desired location, day, and time in order to see how busy the location is. It generates both the day and week busyness forecasts and provides multiple outputs such as busyness scale, peak and non-peak hours, store hours, and a detailed heat map for the week.
How we built it
The website was built using Vite, Vue3, TypeScript, Tailwind, and DaisyUI for the best possible user experience. We used the Google Places API to implement a high-quality location search engine and the BestTime API to analyze the important traffic data needed for the UI of the website. We used ApexCharts to visualize the week forecast in a heat map. Finally, we hosted our website on Netlify.
Challenges we ran into
Visualizing the data into a heat map Addressing difficulties with the UI/UX portion of the project
Accomplishments that we're proud of
We are extremely proud to have achieved our primary goal of creating a fully functional website that lets users know the traffic levels of any specific location they’re interested in.
What we learned
We learned how to integrate APIs and visualize data to create a functional and useful product for a wide range of users.
What's next for Busy or Not?
Responsive design for mobile devices More ways to visualize the data Various UI/UX improvements Adding the previous location search history
Built With
- apexcharts
- besttimeapi
- daisyui
- datavisualization
- google-places
- html
- javascript
- netlify
- tailwind
- typescript
- vite
- vue3
Log in or sign up for Devpost to join the conversation.