Event listing website
July 2023
Overview
Oukwa is a website listing events near a given city. Jonathan and I designed a system to gather event information and display it in a standardized way, simply, with the key details visible first (event name, location, date/time, event style). The goal is to find something to do nearby and only have to check one site. I handled the entire frontend of the site using Vue.js and connected it with the backend (Express, Node.js, MongoDB) before a graphic designer joined the team and later an experienced developer switched us to React.
Features
Event Search
Event searches are done via a REST API based on the criteria entered. A middleware protects against request spamming before MongoDB returns the results as JSON. Search suggestions are displayed as each letter is typed into the search bar.
Event Display
Event details include displaying an image, event information, music categories determined via AI, a list of music samples from the event artists through a Spotify player, a Google map to locate the event, and suggestions for related events.
Admin Interface
An admin interface allows for managing events (edit, add, delete) via a REST API. Login is done using unique credentials and a security middleware. An authentication token prevents the need for constant re-login. Site usage statistics are displayed through a custom dashboard with chart.js graphs and calculated indicators.
'%20fill='%23ffffff'%3e%3cg%20id='icons'%20transform='translate(56.000000,%20160.000000)'%3e%3cpath%20d='M94,7399%20C99.523,7399%20104,7403.59%20104,7409.253%20C104,7413.782%20101.138,7417.624%2097.167,7418.981%20C96.66,7419.082%2096.48,7418.762%2096.48,7418.489%20C96.48,7418.151%2096.492,7417.047%2096.492,7415.675%20C96.492,7414.719%2096.172,7414.095%2095.813,7413.777%20C98.04,7413.523%20100.38,7412.656%20100.38,7408.718%20C100.38,7407.598%2099.992,7406.684%2099.35,7405.966%20C99.454,7405.707%2099.797,7404.664%2099.252,7403.252%20C99.252,7403.252%2098.414,7402.977%2096.505,7404.303%20C95.706,7404.076%2094.85,7403.962%2094,7403.958%20C93.15,7403.962%2092.295,7404.076%2091.497,7404.303%20C89.586,7402.977%2088.746,7403.252%2088.746,7403.252%20C88.203,7404.664%2088.546,7405.707%2088.649,7405.966%20C88.01,7406.684%2087.619,7407.598%2087.619,7408.718%20C87.619,7412.646%2089.954,7413.526%2092.175,7413.785%20C91.889,7414.041%2091.63,7414.493%2091.54,7415.156%20C90.97,7415.418%2089.522,7415.871%2088.63,7414.304%20C88.63,7414.304%2088.101,7413.319%2087.097,7413.247%20C87.097,7413.247%2086.122,7413.234%2087.029,7413.87%20C87.029,7413.87%2087.684,7414.185%2088.139,7415.37%20C88.139,7415.37%2088.726,7417.2%2091.508,7416.58%20C91.513,7417.437%2091.522,7418.245%2091.522,7418.489%20C91.522,7418.76%2091.338,7419.077%2090.839,7418.982%20C86.865,7417.627%2084,7413.783%2084,7409.253%20C84,7403.59%2088.478,7399%2094,7399'%20id='github-[%23142]'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
'%3e%3cpath%20d='M38.01172,4c-0.4375,-0.00391%20-0.82812,0.27344%20-0.96484,0.69141l-4.97266,15.30859h-14.14844l-4.97266,-15.30859c-0.13281,-0.40234%20-0.50391,-0.67969%20-0.92969,-0.69141c-0.42578,-0.00781%20-0.80859,0.25%20-0.96094,0.64844l-5.99219,15.99219c-0.00391,0%20-0.00391,0.00391%20-0.00781,0.00781l-3,8c-0.15625,0.42188%20-0.01562,0.89453%200.35156,1.16016l21.99219,15.99219l0.00391,0.00781c0.00391,0%200.00391,0%200.00391,0.00391c0.01172,0.00781%200.02734,0.01563%200.03906,0.02344c0.01563,0.00781%200.02734,0.01953%200.04297,0.02734c0.00391,0%200.00391,0.00391%200.00781,0.00391c0,0%200.00391,0.00391%200.00781,0.00391c0.00391,0.00391%200.00781,0.00781%200.01563,0.00781c0.00391,0.00391%200.01172,0.00781%200.01563,0.01172c0.01953,0.00781%200.04297,0.01953%200.06641,0.02734c0,0%200,0%200,0.00391c0.02344,0.00781%200.04688,0.01563%200.06641,0.02344c0.00391,0%200.00391,0%200.00781,0.00391c0.01563,0.00391%200.03125,0.00781%200.05078,0.01563c0.00781,0%200.01563,0.00391%200.02734,0.00391c0,0.00391%200,0.00391%200,0c0.01953,0.00781%200.03906,0.01172%200.05859,0.01563c0.02734,0.00391%200.05078,0.00781%200.07813,0.01172c0.03906,0%200.08203,0.00391%200.12109,0.00391c0.03906,-0.00391%200.07422,-0.00391%200.10938,-0.01172c0.01563,0%200.02734,0%200.04297,-0.00391c0,0%200.00391,0%200.00781,0c0.00781,-0.00391%200.01172,-0.00391%200.01953,-0.00391c0.00391,0%200.00781,-0.00391%200.01563,-0.00391c0.00781,-0.00391%200.01953,-0.00391%200.02734,-0.00781c0.01563,-0.00391%200.02734,-0.00781%200.03906,-0.01172c0.00781,0%200.01172,0%200.01563,-0.00391c0.00391,0%200.00781,0%200.01172,0c0.01563,-0.00781%200.03516,-0.01562%200.05078,-0.01953c0.01953,-0.00781%200.03516,-0.01562%200.05078,-0.02344c0.00391,0%200.00391,0%200.00781,-0.00391c0.00391,0%200.00781,0%200.01172,-0.00391c0.00781,-0.00391%200.01563,-0.00781%200.02344,-0.01172c0.02344,-0.01172%200.04297,-0.02344%200.0625,-0.03516c0.00781,-0.00391%200.01172,-0.00781%200.01563,-0.01172c0.00391,0%200.00781,-0.00391%200.01172,-0.00391c0.01563,-0.01172%200.03125,-0.01953%200.04688,-0.03125l0.00781,-0.01172l21.99219,-15.98828c0.36328,-0.26562%200.50391,-0.73828%200.34766,-1.16016l-2.99219,-7.97266c-0.00391,-0.00781%20-0.00781,-0.01953%20-0.00781,-0.02734l-6,-16c-0.14844,-0.38672%20-0.51172,-0.64453%20-0.92578,-0.64844zM8.06641,22h8.40625l5.85547,18.01563zM33.52734,22h8.40625l-14.26172,18.01563zM6.3125,23.00781l13.375,16.89453l-15.48437,-11.26172zM43.6875,23.00781l2.10938,5.63281l-15.48437,11.26172z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
'%3e%3cpath%20d='M504-480%20320-664l56-56%20240%20240-240%20240-56-56%20184-184Z'/%3e%3c/svg%3e)