April, 2024

Mobile Fb

A simple mobile application with a Facebook theme created for learning purposes as a requirement for Hacktiv8 Phase 3.

Short Explanation

This project is a simple mobile application with a Facebook theme, created for learning purposes as a requirement for Hacktiv8 Phase 3. It utilizes React Native for the frontend and Apollo Server for the backend.

Some features including:

Register feature
Login feature
Add Post feature
Show Posts (sorted by newest)
Comment on Posts (Embedded Document)
Search users by name or username
Follow feature
Display Followers and Following for each user (Reference with $lookup)
Like Post feature
Display total likes for each post

Project Goals

Improve application responsiveness and deliver clear error messages to users, including loading status indicators.
Enable users to customize their profiles.
Allow users to edit, delete, and update posts and comments.
Optimize data caching to enhance app performance.

Tech Stack

React Native
GraphQL
Apollo
MongoDB
Expo

Screenshots

Home Page

Profile Page

Find User Page

Create Post Page

Home After Post Page

Lesson Learned

Throughout the development of this project, I learned the importance of state management in React Native applications, especially when dealing with user authentication and data fetching. Utilizing Apollo Client for GraphQL queries significantly simplified the process of managing remote data.

Additionally, I gained hands-on experience with mobile UI design principles, ensuring a smooth and intuitive user experience across different devices.