Project Details

Shatogram

Hybrid Mobile Application Development Completed ★

Shatogram is a social media mobile application developed with Ionic and inspired by platforms such as Instagram and Facebook. Users can create accounts, share photos and locations, interact with posts, add friends through QR codes, and communicate through real-time messaging.

◎ Overview

Shatogram is a hybrid social media application designed to connect users through photo sharing, location sharing, comments, reactions, friendships, and real-time communication. Users can register with an email address or sign in using Google OAuth. After logging in, they can create posts containing photos, text descriptions, and an optional current location. Other users can react to posts and participate in parent-and-child comment discussions. The application includes personal profiles, recommendations, notifications, post creation, friend management, online status indicators, real-time chat, personal QR codes, and location navigation. Its interface uses a tab-based layout for key functions and a side menu for additional pages. SQLite provides lightweight local data storage, while Firebase and WebSocket technologies support online and real-time functions. The interface was planned using Balsamiq and includes responsive layouts, image viewing, navigation controls, and custom visual effects.

✓ Key Features

  • Email registration and login
  • Google OAuth authentication
  • Photo sharing
  • Text descriptions for posts
  • Optional location sharing
  • Post location viewing
  • Navigation to shared locations
  • Post reactions and likes
  • Parent and child comments
  • Nested comment discussions
  • Real-time text messaging
  • Friend online status
  • Personal QR-code generation
  • Quick friend adding with QR codes
  • User profiles
  • Follower and following information
  • Post recommendations
  • User search
  • Notifications
  • Message requests
  • Responsive mobile interface
  • Tab-based navigation
  • Side-menu navigation
  • Full-screen image viewer
  • Light and dark mode settings
  • Local data storage with SQLite
  • Real-time functions using Firebase and WebSocket

◉ My Role

I worked as a co-developer of Shatogram. I collaborated with my teammate on the planning, design, development, testing, and documentation of the mobile application. I contributed to designing the application's social media functions and user experience, including authentication, photo posts, comments, reactions, location sharing, friend management, QR-code friend adding, user profiles, and real-time messaging. I also participated in organizing the application's routes, tab navigation, side menu, interface layouts, and data structure. During development, I helped test the application, identify technical issues, refine the interface, and prepare the project presentation and documentation.

! Challenges & Solutions

  • Google OAuth and email authentication
  • Real-time chat and online status
  • Nested comment data structure
  • QR-code friend management
  • Photo and location sharing
  • Local and remote data synchronization
  • Responsive navigation and layouts
  • Git collaboration and conflict management
Back to All Projects