Mexico Tech Week 2025

A mobile event discovery app for Mexico Tech Week 2025 (October 20-26). Browse 218+ events, explore 5 hacker houses across CDMX, and build your personalized schedule.

Built with React Native, Expo SDK 54, and Expo Router v6.

Features

• Event Feed — Browse all events with search, category filters, and day filters
• Bookmarks — Save events to build your personal schedule
• Map View — See events and hacker houses pinned across Mexico City
• Hacker Houses — 5 themed houses (Capital, Codigo, Producto, Fundador, Comunidad) with dedicated detail pages
• Dark Mode — Full light/dark/system theme support
• Onboarding — 3-slide intro carousel for first-time users
• Haptic Feedback — Tactile responses on save, filter, and navigation actions
• Animations — Parallax hero headers, animated bookmarks, skeleton loading shimmers

Tech Stack

Layer	Technology
Framework	React Native 0.81 + Expo SDK 54
Routing	Expo Router v6 (file-based, typed routes)
Animations	React Native Reanimated 4.1
Maps	react-native-maps
Fonts	Inter (via @expo-google-fonts)
Storage	AsyncStorage
Language	TypeScript (strict)

Getting Started

Prerequisites

• Node.js 18+
• Expo CLI
• iOS Simulator (macOS) or Android Emulator, or Expo Go on a physical device

Install & Run

# Install dependencies
npm install

# Start the dev server
npx expo start

Then press i for iOS simulator, a for Android emulator, or scan the QR code with Expo Go.

Project Structure

app/
  _layout.tsx             # Root layout (providers, font loading)
  onboarding.tsx          # First-launch onboarding carousel
  (tabs)/
    index.tsx             # Feed screen (list + map toggle)
    saved.tsx             # Your Events (bookmarked)
  event/[id].tsx          # Event detail (parallax hero)
  house/[id].tsx          # Hacker house detail

components/
  EventCard.tsx           # Event list card
  EventMapView.tsx        # Map with event + house pins
  AnimatedBookmark.tsx    # Bouncy save button
  Skeleton.tsx            # Shimmer loading placeholders
  FilterBar.tsx           # Category/day filter chips
  PromotedCarousel.tsx    # Featured events carousel
  ForYouSection.tsx       # Personalized recommendations

constants/
  theme.ts                # Design tokens (colors, fonts, spacing)
  houses.ts               # Hacker house definitions

context/
  ThemeContext.tsx         # Light/dark mode state
  SavedEventsContext.tsx   # Bookmark state

hooks/
  useEvents.ts            # Load & sort events from JSON
  useHaptics.ts           # Platform-safe haptic feedback

assets/
  events.json             # 218 event records

Event Categories

Events span categories including AI, Fintech, SaaS, Wellness, Edtech, Investment, Blockchain, and more. Each category maps to a unique color palette used throughout the UI.

Hacker Houses

Five themed houses across CDMX neighborhoods:

House	Neighborhood	Theme
Casa Capital	Polanco	VC, pitch sessions, deal rooms
Casa Codigo	Roma Norte	Hackathons, open source, tech talks
Casa Producto	Condesa	Design sprints, user research, growth
Casa Fundador	Juarez	Founder dinners, mentorship, clinics
Casa Comunidad	Centro Historico	Socials, yoga, closing party

License

Private project.