IndexPHL

• 

  IndexPHL Logo

📝 Project Description
IndexPHL is designed as an AI-powered civic guide to help Philadelphia residents, particularly newcomers and underserved communities, quickly find essential local resources such as food assistance, housing options, healthcare services, transportation information, and more. Our goal is to consolidate scattered information from sources like OpenDataPhilly into a simple, accessible, and searchable platform.

Category

BYO Idea/Other: Develop Philly-focused apps.

🚨 Problem: Navigating the array of local resources in Philadelphia can be overwhelming, confusing, and time-consuming. Crucial information is often fragmented across various websites, outdated documents, or hard-to-navigate portals, making it difficult for residents, especially those new to the city or facing crises, to access the help they need.

💡 Solution: IndexPHL provides a user-friendly, centralized platform with a simple search interface, categorized Browse, and planned multilingual support. By pulling data into one searchable index, we aim to empower residents to find critical services efficiently and without unnecessary barriers.

🚀 Minimum Viable Product (MVP) Features
Our MVP focuses on the core functionality of finding resources:

• Categorized Directory: Browse resources organized into key categories (Housing, Food, Health).
• Search Functionality: Search for resources using keywords. The MVP uses local demo data (data/search.json) with autocomplete suggestions and navigates to a dedicated results page.
• Dynamic Results Page: Displays search results in a clear list format.
• Basic Translation (using gt-next): Support for multiple languages (English, Spanish, Ukrainian) with a language toggle in the Navbar. This is implemented using the gt-next library and relies on the General Translation service and CDN for managing and serving translations.

🛠 Tech Stack

• Frontend: React, Next.js (App Router)
  
• Styling: Tailwind CSS
  
• Internationalization: gt-next (integrates with General Translation service)
  
• Data Source (Concept): OpenDataPhilly (MVP uses local demo data data/search.json)
  
• AI (Concept): Planned for search and assistant features (not fully implemented in this MVP version)

✨ Future Enhancements

• Integration with real data sources (e.g., OpenDataPhilly API)
  
• Fully functional interactive map displaying resource locations
  
• AI-powered Smart Search and Assistant for natural language queries
  
• More detailed resource information pages
  
• Ability for users to submit new resources
  
• Support for more languages
  
• Improved UI/UX design
  

🤝 Team

• Lillian Gil | Project Lead & Designer

• Ruslan Tsykaliak | Full Stack Developer

Built With

• data-integration
• gt-next
• json
• leafletjs
• multilingual
• next.js
• open-data
• opendataphilly
• react
• tailwindcss