Built with

BackEnd of This Project

This project uses Node.js as the backend server. It uses Express.js as the framework for building backend APIs. MongoDB is used as the database for storing user data. For BackEnd Code-

Please Visit - Friendly-Server

About this Project

Friendly is a feature-rich social media app developed using React Native, with Express.js and MongoDB powering the backend. The app provides users with a platform to connect with friends, share their thoughts through posts, and interact with the community by commenting on others' posts. Friendly emphasizes user engagement and fosters meaningful connections, making it easy to stay connected and express oneself in a dynamic and interactive environment. With its user-friendly interface and responsive design, the app delivers a seamless experience across devices

Features

• User Authentication: Users can create an account, log in, and log out securely.
• Friend System: Users can add friends, view their friends' profiles, and send friend requests
• Post System: Users can create posts, view posts from friends, and interact with posts by liking and commenting
• Comment System: Users can comment on posts and view comments from friends
• Profile Management: Users can view and edit their profiles, including their name, email, and profile picture
• Responsive Design: The app is designed to be responsive, ensuring a seamless user experience across various devices and screen sizes
• Real-time Updates: The app provides real-time updates, ensuring users are always aware of th latest posts and comments from their friends
• Security: The app prioritizes user security, using secure authentication and data storage technologies to protect user data

Folder Structure

This template follows a very simple project structure:

• src: This folder is the main container of all the code inside your application.
  • assets: Asset folder to store all images, vectors, etc.
  • components: Folder to store any common component that you use through your app (such as a generic button)
  • screens: Folder that contains all your application screens/features.
    • Screen: Each screen should be stored inside its folder and inside it a file for its code and a separate one for the styles and tests.
      • Screen.js
      • Screen.styles.js
      • Screen.test.js
  • storage: Folder that contains the application storage logic.
  • store: Folder to put all redux middlewares and the store.
  • utils: Folder to put all common methods.
• .env : Contains all envioroment variables
• package.json: Contains all the dependencies and scripts for your project.
• index.js: The main entry point of your application.
• App.js: The main component of your application.
• Navigation.js : Contains all navigation of this app
• tailwind.config.js : Contains tailwind configuration

Learn More

To learn more about React Native, take a look at the following resources:

• React Native Website - learn more about React Native.
• Getting Started - an overview of React Native and how setup your environment.
• Learn the Basics - a guided tour of the React Native basics.
• Blog - read the latest official React Native Blog posts.
• @facebook/react-native - the Open Source; GitHub repository for React Native.