moCHa

Developed by Maddie Clark, Megan Adams, Mihika Tyagi, Yashu Tanneru for COMP 426: Modern Web Programming at UNC-Chapel Hill.

☕ Overview

moCHa is a Chapel Hill coffee shop discovery and community app that lets customers rate coffee shops, follow friends, explore shops on a map, and view updates from local businesses.

✨ Features

1. Login

Separate customer and business logins using Supabase authentication.

2. Personalized Feed

Customers can post photos and reviews; businesses can read posts but create content only on the Community Page.

3. Customer Profiles

Users can edit their profile, upload an avatar, see liked posts, followers, and customize tags.

4. Business Profiles

Businesses can update hours, menus, logos, and post promotions.

5. Map View

Interactive map of Chapel Hill showing all coffee shops with clickable markers.

6. Community Page

A business-only content feed for events, menus, discounts, and seasonal updates.

7. Profile View Page

View any user or business profile, including posts, info, and follower count.

8. Sign up Page

New users (customers or businesses) can sign up for an account to use our application.

🛠 Tech Stack

Frontend: Next.js, React, ShadCN UI, React Query

Backend: Supabase (Authentication, Database, Storage, Realtime)

Maps: Google Maps API

API Layer: tRPC, Drizzle ORM

Styling: Tailwind CSS

🚀 Running the application locally

First, make sure you have all necessary dependencies/packages installed:

npm install

Then, run the development server:

npm run dev

📸 moCHa in use

Signing up:

Logging in:

Feed:

Adding a post:

Community Page:

Map:

Profile View/Edit page:

💡 Insipiration

To learn more about the inspiration for our project check out Beli, a global restaurant discovery application:

https://beliapp.com/