Lovers | Code with Beto | Code with Beto

Stay on top of your relationship like never before

What you get	Included
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

Layer	Technology/Service
Front-end	React Native Expo (SDK 49)
Back-end	AWS Amplify (Cognito, AppSync, GraphQL)
Programming	JavaScript
Database	DynamoDB
State Management	Redux
Navigation	React Navigation
Authentication	SMS (cognito)
Image Storage	Cloudinary
Notifications	Expo Notifications

Prerequisites:

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