Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/aryanraj13/likeloop

LikeLoop is a dynamic social media application that brings people together, allowing users to share updates, connect with friends, and stay engaged with their community. Built using the powerful MERN stack, React-Redux, Material-UI (MUI), and secured with JWT authentication, LikeLoop offers a seamless and secure social networking experience across.
https://github.com/aryanraj13/likeloop

api backend css frontend interface javas jwt mern mongo mui mui-icons mui-material react social-media

Last synced: 21 days ago
JSON representation

Host: GitHub
URL: https://github.com/aryanraj13/likeloop
Owner: aryanraj13
Created: 2024-05-11T09:55:08.000Z (8 months ago)
Default Branch: main
Last Pushed: 2024-06-17T12:20:36.000Z (7 months ago)
Last Synced: 2024-12-21T00:16:10.548Z (21 days ago)
Topics: api, backend, css, frontend, interface, javas, jwt, mern, mongo, mui, mui-icons, mui-material, react, social-media
Language: JavaScript
Homepage: https://likeloop.netlify.app/
Size: 10.5 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# LikeLoop App

## About

LikeLoop is a cutting-edge social media application built using the MERN stack, React-Redux, MUI, and JWT for authentication. With LikeLoop, you can connect with friends, share updates, and stay engaged with your community effortlessly.

![LikeLoop Screenshot](https://github.com/aryanraj13/LikeLoop/blob/main/feed.png?raw=true)
![LikeLoop Screenshot](https://github.com/aryanraj13/LikeLoop/blob/main/post1.png?raw=true)
![LikeLoop Screenshot](https://github.com/aryanraj13/LikeLoop/blob/main/post2.png?raw=true)

## Features

- **User Authentication:** Securely log in to your account with JWT authentication.
- **Post Creation and Editing:** Share your thoughts and updates with easy-to-use post creation and editing tools.
- **Commenting and Liking:** Engage with your friends' posts through comments and likes.
- **User Profiles:** Customize your profile and explore others' profiles.
- **Responsive Design:** Enjoy a seamless social media experience across devices with a fully responsive design.

![LikeLoop Screenshot](https://github.com/aryanraj13/LikeLoop/blob/main/comment.png?raw=true)

- **Search Functionality:** Quickly find friends and posts using the search feature.
- **Real-Time Updates:** Stay updated with real-time notifications and updates.
- **Media Upload:** Share photos and videos with your posts.

![LikeLoop Screenshot](https://github.com/aryanraj13/LikeLoop/blob/main/friend.png?raw=true)
![LikeLoop Screenshot](https://github.com/aryanraj13/LikeLoop/blob/main/register.png?raw=true)

## How to Run

To run the LikeLoop app locally, follow these steps:

1. Clone the repository to your local machine:
```bash
git clone https://github.com/your-username/LikeLoop.git
```
2. Navigate to the project directory in your terminal:
```bash
cd LikeLoop
```
3. Install dependencies using the command:
```bash
npm install
```
4. Set up the MongoDB database:
- Create a MongoDB Community account at [MongoDB](https://www.mongodb.com).
- Create a new cluster and configure your database settings.
- Obtain the connection string for your database and add it to your environment variables.

5. Start the server with:
```bash
nodemon index.js
```

6. Start the client with:
```bash
npm run start
```

6. Open your web browser and visit `http://localhost:3000` to access the LikeLoop app.

Start connecting with friends and sharing updates with LikeLoop!