Translation and Design in progress.

Local Sightseeing Map (Ongoing)

Sightseeing Map

Project Overview

The Local Sightseeing Map is a collaborative project developed by Anthony Em and Soki Iwae. This application aims to provide users with an intuitive way to explore the city's attractions. It leverages GPS technology to display nearby places of interest, enabling users to filter results by proximity and category. My contributions align with Software Engineering practices and responsibilities, encompassing backend development, infrastructure setup, and DevOps workflows. The backend handles API development and data processing, while the frontend integrates dynamic maps and user interactions. For a detailed breakdown of the DevOps setup, check out the DevOps study case. Additional details such as ratings, articles, and pictures are available for each spot.

Technologies and Tools Used

Django React PostgreSQL Leaflet Geopy GitHub API Integration | DRF

Development Phases

The development process has been structured into phases to ensure steady progress and high-quality results.

Phase 1: Requirement Analysis

  • Identified the need for geolocation-based filtering and dynamic map rendering.
  • Outlined user stories, including filtering by proximity and categories like restaurants or activities.

Phase 2: Design and Planning

  • Planned database models for locations, categories, and reviews.
  • Designed API endpoints for retrieving and filtering locations.
  • Defined deployment strategies and infrastructure requirements.

Phase 3: Implementation

  • Developed API endpoints using Django REST Framework.
  • Integrated React frontend with Leaflet for interactive map rendering.
  • Enabled GPS-based geolocation and dynamic filtering.

Phase 4: Testing and Validation

  • Performed unit testing on API endpoints.
  • Validated frontend functionality and map rendering across devices.

Phase 5: DevOps and Deployment

  • Configured a VPS for staging and deployment, using Nginx as a reverse proxy to serve both the backend (Django) and frontend (React).
  • Automated deployment workflows for updating the app and managing server resources efficiently.
  • Implemented SSL certificates to secure communication and ensure data integrity.
  • Documented deployment processes and scripts to streamline future updates and scalability.

Conclusion

The Perth Local Sightseeing Map is a work in progress, aiming to provide a seamless and interactive way to explore the city's attractions. With continuous enhancements and user feedback, the application is set to evolve into a comprehensive tool for locals and tourists alike.