A video and photo sharing social media application built with React

by React

MeFriends

Welcome to MeFriends, a video and photo sharing social media application! MeFriends is designed to provide you with a platform to connect and share moments with your friends and family. This readme file will guide you through the features and functionality of MeFriends.

Introduction

MeFriends is a complex web application that aims to provide a seamless and enjoyable experience for sharing videos, photos, and interacting with others. With a similar layout and functionality to Facebook, MeFriends allows you to create a profile, post content, like and comment on posts, and discover suggested accounts to follow. It leverages the power of Sanity, an advanced content management system, to enhance the fetching capabilities and manage the content efficiently.

MeFriends is the result of my passion for creating a visual-first social media experience that goes beyond words. I believe that a picture is worth a thousand words, and MeFriends will offers a platform where your visual stories can come to life.

From spontaneous adventures to heartfelt moments, MeFriends will provides a seamless interface to capture and share your life’s highlights. My intuitive design ensures a user-friendly experience, allowing you to focus on what truly matters – expressing yourself and connecting with others who appreciate your unique perspective.

With MeFriends, I aim to foster a vibrant community of visual storytellers, encouraging creativity, inspiration, and meaningful interactions. Join me on this exciting journey and be part of the next generation of social media.

Stay tuned for updates, new features, and exciting collaborations as I continue to enhance the MeFriends experience. Let’s celebrate the power of visual storytelling together!

Features

MeFriends offers the following key features:

  • User Authentication: Users can create an account, log in, and manage their profile information securely.
  • Post Creation: Users can create posts containing videos or photos, along with captions and tags.
  • Post Editing: Users can edit their own posts to update captions, tags, or replace media content.
  • Like and Comment: Users can interact with posts by liking and commenting on them, fostering engagement and conversation.
  • News Feed: Users can view posts from accounts they follow in their personalized news feed.
  • Explore: Users can discover new content and accounts through the explore feature, which suggests accounts to follow based on their interests and activities.
  • Profile Management: Users can customize and manage their profile information, including profile picture, bio, and privacy settings.
  • Search: Users can search for specific posts or accounts using keywords or usernames.
  • Notifications: Users receive notifications for activities such as new likes, comments, or follows.
  • Privacy and Security: MeFriends ensures the privacy and security of user data through robust authentication and authorization mechanisms.

Getting Started

To get started with MeFriends, follow these steps:

  1. Clone the MeFriends repository from GitHub.
  2. Install the required dependencies by running npm install.
  3. Configure the environment variables, including database connection details, API keys, and other necessary configurations.
  4. Build and deploy the application to your desired web server.
  5. Access the MeFriends application through your web browser.
  6. Create an account or log in to an existing account to start using MeFriends.

Note: Additional instructions for setting up and running MeFriends can be found in the project’s documentation.

Technologies Used

MeFriends is built using the following technologies and tools:

  • Front-end: HTML, CSS, JavaScript, React.js
  • Back-end: Node.js, Express.js, Socket.io, Sanity.io, mogoDb and more.
  • Database: Sanity (advanced content management system)
  • Authentication: JWT (JSON Web Tokens)
  • Deployment: Vercel
  • Version Control: Git

The project utilizes these technologies to create a seamless and interactive user experience while ensuring security and scalability.

Contributing

I welcome contributions to MeFriends! If you want to contribute, please follow these steps:

  1. Fork the MeFriends repository.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes and commit them with descriptive commit messages.
  4. Push your changes to your forked repository.
  5. Submit a pull request detailing your changes and their benefits.

Please ensure that your contributions adhere to the coding standards, and include relevant tests and documentation.

License

MeFriends is licensed under the MIT License. You are free to use, modify, and distribute this software for personal or commercial purposes. See the LICENSE file for more details.

. Happy sharing!

GitHub

View Github