ALIET - Social Media Web Application

ALIET is a feature-rich social media web application developed using the MERN stack (MongoDB, Express.js, React.js, and Node.js). It enables users to connect with others, share content, and manage their profiles effortlessly.

Screenshots

🚀 Features

User Authentication & Profile Management

• User Account:

  • Create a new account.
  • Update profile information, including profile photo and personal details.
  • Change account password.
  • Delete account permanently.
  • Secure login and logout functionality.

Social Features

• Posting:

  • Create posts with text and/or media.
  • Delete existing posts.
  • Bookmark posts for later or save them to your device.

• Engagement:

  • Like posts and view the total likes.
  • Comment on posts and participate in discussions.

Interaction

• User Search:

  • Search for other users by name or username.

• Profile Viewing:

  • View other users’ profiles, including their posts and activity.

• Follow System:

Follow and unfollow other users to stay updated on their activities.

Messaging

• Real-Time Chat:

  • Send and receive messages with other users in real time.

🛠️ Technologies Used

Client: React, Redux, TailwindCSS, Axios

Server: Node, Express

Database: MongoDB

Real-time Communication: Socket.IO

AI Integration: API integration with AI model

Other Tools: JWT for secure authentication, Cloudinary (optional) for media storage

🖥️ Installation

Prerequisites

• Node.js and npm installed on your machine.
• MongoDB installed and running locally or have access to a MongoDB Atlas cluster.

Clone the Repository

git clone https://github.com/jabedalimollah/aliet.git
cd aliet

Backend Setup

• Navigate to the backend directory:

  cd backend
  
  

• Install the required dependencies:

  npm install
  
  

• Create a .env file in the backend directory and add your environment variables:

  PORT=
  CORS_ORIGIN=
  CORS_ORIGIN_LOCAL=
  CORS_ORIGIN_CLIENT=
  MONGODB_URI=
  DB_NAME=
  JWT_SECRET_KEY=
  CLOUDINARY_CLOUD_NAME=
  CLOUDINARY_API_KEY=
  CLOUDINARY_API_SECRET=
  

• Start the backend server

  npm run dev
  

Frontend Setup

• Navigate to the frontend directory:

  cd frontend
  

• Install the required dependencies:

  npm install
  

• Create a .env file in the frontend directory and add your environment variables:

  VITE_APP_API_KEY=
  VITE_APP_URI=
  

• Start the frontend development server:

  npm run dev
  

Running the Application

• Ensure both the frontend and backend servers are running.
• Open your browser and navigate to http://localhost:5173.

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

Frontend

VITE_APP_URI

VITE_APP_API_KEY

Backend

PORT

MONGODB_URI

DB_NAME

JWT_SECRET_KEY

CORS_ORIGIN

CORS_ORIGIN_LOCAL

CORS_ORIGIN_CLIENT

CLOUDINARY_CLOUD_NAME

CLOUDINARY_API_KEY

CLOUDINARY_API_SECRET

📧 Contact

• Email: jabedalimollah7@gmail.com
• LinkedIn: Jabed Ali Mollah
• GitHub: Jabed Ali Mollah

If you find this project useful, don't forget to star the repository! ⭐

🔗 Links