Stay on top of your relationship like never before
|What you get||Included|
|Full Source Code||✅|
|Figma Design File||✅|
|Lifetime Project Access||✅|
- 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.
|Front-end||React Native Expo (SDK 49)|
|Back-end||AWS Amplify (Cognito, AppSync, GraphQL)|
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
- 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:
- 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:
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
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