Stay on top of your relationship like never before

View live on App Store

Purchase now

What you getIncluded
Full Source Code
Figma Design File
Lifetime Project Access

App Features

  • Authentication: User authentication with phone number.
  • Connectivity: Couples can connect and share memories.
  • Interactivity: Users can comment, react, and report memories.
  • Notifications: Push notifications for interactions and new posts.
  • User Profile: Features like profile pictures, status updates, birthday, and more.
  • Image Storage: Cloudinary integration for profile pictures and memories.
  • User Experience: Top quality UX with haptics, custom fonts, and color personalization.
  • Backend: Modifiable GraphQL schema to adjust to your app needs.

Tech Stack

Front-endReact Native Expo (SDK 49)
Back-endAWS Amplify (Cognito, AppSync, GraphQL)
State ManagementRedux
NavigationReact Navigation
AuthenticationSMS (cognito)
Image StorageCloudinary
NotificationsExpo Notifications


  • Familiar with, AWS Amplify, and React Native Expo.

  • Node.js: Make sure you have Node.js installed on your machine. You can download it from the official Node.js website.

  • Amplify CLI: Make sure you have the Amplify CLI installed on your machine. You can install it by running the following command:

npm install -g @aws-amplify/cli
  • AWS Account: Make sure you have an AWS account set up. You can sign up for a free account on the AWS website

  • Cloudinary Account (optional): Lovers uses Cloudinary to store images. If you want to use this feature, you'll need to sign up for a free Cloudinary account

The Amplify CLI is required to manage the backend resources for this project, including setting up the authentication and database. You'll also need an AWS account to deploy the backend resources to AWS. If you want to use the image storage feature, you'll need to sign up for a Cloudinary account

How to Run

  • Download Lovers source code to your local machine.
  • Open a terminal window and navigate to the project's root directory.
  • Run the following command to install all the necessary dependencies:
npm install
  • Next, run the following command to initialize a new Amplify project in the project directory:

I would recommend copying the GraphQL schema from the amplify/backend/api/lovers/schema.graphql file. Once you have a copy of the schema, you can delete the amplify folder in the project directory to start fresh.

To initialize a new Amplify project, run the following command in the project directory:

amplify init

Follow the prompts to configure your project settings and select the appropriate options for your project

  • Once your Amplify project is set up, you can use the amplify cli to manage your backend resources, including your database schema and authentication

If you want to learn how to manage Cloud Services like AWS Amplify, we strongly recommend to enroll in our React Native Course in which you'll learn how to create, connect, manage and deploy backend services for your projects

  • Once your backend is ready, you can run the app with the following comand:
npx expo start
  • If you want to save user profile pictures to Cloudinary, you'll need to set your Cloudinary credentials in the .env file.

That's it 🎉

I hope you enjoy this project, If you don't have it already click here to get it today!

See more projects like this here