704 On The Go

704 On The Go

A web app that provides you with all the shops, restaurants, and transportation Charlotte has to offer.

Contributors

Contributors

Contributors

Contributors

Zelaya Al Ayeisha, Sonu Basnet, Rhea Kapadia, Joshua Rizo, and Melody San

Role

Role

Role

Role

Backend Developer

Technology

Technology

Technology

Technology

Node.js + MongoDB + Leaflet Map + Charlotte transport API

Year

Year

Year

Year

2022

A mockup of a mobile for 704OTG! Background image of a newspaper entertainment section.
A mockup of a mobile for 704OTG! Background image of a newspaper entertainment section.
A mockup of a mobile for 704OTG! Background image of a newspaper entertainment section.
A mockup of a mobile for 704OTG! Background image of a newspaper entertainment section.

Challenge


"According to the Path to Purchase research, travelers spend an average of 303 minutes, or over 5 hours, engaging with travel content in the 45 days leading up to booking their trips." (WiT)


Our challenge was to create an app that caters to local information in Charlotte. Our goal was to be able to alleviate this space where other websites and applications seem to fall short by providing a more full experience. Essentially eliminating the need to switch between 20 tabs to find one place to go to. Allow me to introduce 704 On The Go!

704 On the Go! Is an information and solutions website focused on providing users with the tools to explore the Charlotte area to maximize their experience while visiting. We want users to be able to uncover the diamonds among our many restaurant locales and entertainment hotspots that fit what they are looking for. Its main function is to help people get to know Charlotte better and be familiar with what the city has to offer. Additionally, it will provide information on everything that goes into traveling in Charlotte, including transportation routes, parking, and as mentioned, the businesses.

Challenge


"According to the Path to Purchase research, travelers spend an average of 303 minutes, or over 5 hours, engaging with travel content in the 45 days leading up to booking their trips." (WiT)


Our challenge was to create an app that caters to local information in Charlotte. Our goal was to be able to alleviate this space where other websites and applications seem to fall short by providing a more full experience. Essentially eliminating the need to switch between 20 tabs to find one place to go to. Allow me to introduce 704 On The Go!

704 On the Go! Is an information and solutions website focused on providing users with the tools to explore the Charlotte area to maximize their experience while visiting. We want users to be able to uncover the diamonds among our many restaurant locales and entertainment hotspots that fit what they are looking for. Its main function is to help people get to know Charlotte better and be familiar with what the city has to offer. Additionally, it will provide information on everything that goes into traveling in Charlotte, including transportation routes, parking, and as mentioned, the businesses.

Mockup of a laptop with the 704OTG! landing page
Mockup of a laptop with the 704OTG! landing page
Mockup of a laptop with the 704OTG! landing page
Mockup of a laptop with the 704OTG! landing page

Process


Our team started the project by understanding the user's needs, app features, and technology. In order to best understand our target audience, we created user personas and user stories. This enabled us to start visualizing what components will be present in our final product. The hardest challenge we faced was identifying the right technology for our app. This was a college project and each team member brought something special to the table, which meant when it came to picking our technology everybody had to dedicate some time to learn the frameworks. We ultimately decided to create a node.js app with MongoDB for our database, we created our own API for businesses because we found most of them to be lacking in data. Since there were 5 members in our team, each individual was responsible for populating 5-10 restaurants and shops in our excel file for our API, which was then converted to a CSV file and imported into MongoDB. Additionally, we made sure to document all of our findings and work in an agile manner for an efficient workflow which contributed to the success of our project.

My team comprised of 1 front-end developer, 1 full-stack developer, 1 back-end developer (me), and 2 people for documentation. I was responsible for setting up each page, linking up MongoDB to our project, defining core API functions, implementing the search functionality, and a portion of the maps.

Solution

A travel app that houses all the information required to make planning decisions: restaurants, shops, prices, and transportation. No need to sift through 20 tabs to make one plan.

Some core features include:

  • search for restaurants and entertainment, allowing users to filter by name.

  • Comprehensive shop profiles with detailed descriptions, customer ratings, and a map for easy navigation.

  • Seamless transportation integration, offering links to transit updates and route suggestions for Charlotte’s light rail and bus systems.

Final Solution



Takeaway


This project really emphasized the importance of learning the user, giving light on how to prioritize our list of features. Another core aspect of this project was collaboration, it was quite eye opening how every single team member was part of the same major but brought something so unique to the team. We were able to mesh together beautifully, I am grateful for my wonderful team that worked towards making this project come to life. I learned a lot from each member, I remember finishing this project and feeling so inspired by the UI, thanks to Zelaya.