The Team

• Ezra Nyabuti – Backend Engineer
• Chanel Hutt – Test Integration Engineer
• Nia Pack – Scrum Master
• Darius Davis – Frontend Engineer
• Khayla Saunders – Fullstack Engineer

CYPHER

Creating Youth Pathways for Hope, Equity, and Resources

Description Of The App

CYPHER: Creating Youth Pathways for Hope, Equity, and Resources CYPHER is a purpose-driven digital platform that empowers youth—particularly those from underserved communities—by connecting them with transformative programs, vital resources, and meaningful opportunities. Drawing inspiration from the cultural significance of a “cypher,” where individuals come together to exchange ideas and elevate collective expression, CYPHER serves as a dynamic space for connection, empowerment, and growth.

CYPHER aims to bridge gaps, elevate youth voices, and foster equitable access to resources that pave the way for brighter futures.

---

🚀 Live Demo

Access the CYPHER Live App

---

🎯 Features

• Program Discovery — Search and filter local and national programs.
• Bookmark Favorites — Save programs to revisit later.
• Location-Based Search — View programs by proximity using Google Maps integration.
• User Authentication — Sign up and log in using email/password or Google.
• Community Chatbot — Get instant answers to frequently asked questions.
• Amplify Voices — Empower youth to share feedback and stories of impact.

---

🧑🏽‍💻 Technologies Used

• Frontend: Next.js, React, TypeScript, Tailwind CSS
• Backend: Firebase (Authentication, Firestore Database)
• APIs: Google Maps API
• Deployment: Vercel

🛠️ Installation Instructions

1. Clone the repository

   git clone [email protected]:code-differently/25q1-team3.git
   

Integration Test Instructions

1. Start back-end server

   cd program-finder/backend
   npm run dev

2. Start front-end server

   cd program-finder/frontend
   npm run dev

3. Open Cypress and click "E2E Testing"

   cd program-finder
   npm run cy:open