With the recent rise in anti-Asian hate crimes, we wanted to increase the public's exposure to Asian businesses in order to build an appreciation of Asian culture. Furthermore, since Asian-American small businesses have already been hard-hit by the pandemic and COVID-19, we decided to create a platform that would allow people to easily find Asian-owned businesses, specifically restaurants. Now, more than ever, the Asian-American community needs support, and our website, Authentic Asia, aims to address this problem.

What it does

Our website, Authentic Asia, provides an interactive map of the South Bay Area. We picked sixteen of our favorite Asian-owned restaurants, ranging from boba shops to pho restaurants. Each of these restaurants is represented by a labeled dot on the map; by clicking on the dot, the user is taken to the restaurant's website, where they can learn more about it. Furthermore, the dots are colored-coded based on what type of cuisine they serve. In addition, a text box on the side lists all sixteen of our chosen restaurants, including their address; we each chose one restaurant to provide an additional description for.

How we built it

We wrote the code for our project using HTML. The heading with our website's logo is an image that we designed through Google Drawings and Canva. Using Google Maps, we drew the map of the South Bay Area using an Apple Pencil and Google Drawings; we utilized absolute point in order to embed the links to the corresponding point on the map. We obtained our images from Google.

Challenges we ran into

As this was our first hackathon, we did not really have a sense of how the process worked coming in. Through learning more about HTML using w3schools as well as by attending workshops, we increased our knowledge in order to create our website and add more features.

Accomplishments that we're proud of

We are proud of figuring out how to combine different features of HTML; for example, we were able to link each dot on the map to the corresponding restaurant's website. Additionally, we are proud of the quality of our map and logo as well as the properly sized images in a slideshow format. We are also proud of our collaboration throughout this project that allowed us to achieve our final product.

What we learned

We learned about several new features of HTML, such as adding a scroll box with a rounded border, adding and positioning images, and creating a slideshow.

What's next for Authentic Asia

We plant to expand to include other small Asian-owned businesses that do not have as much of a platform in the United States. In addition, we plant to incorporate other business fields (besides restaurants) from clothing to jewelry, etc. To enhance our website, we also plant to create filters that allow people to effectively search for specific categories (example: cuisine, type of food, location, etc.) Finally, we also hope to collaborate with other minority groups to increase the exposure of more small-businesses.

Share this project: