Skip to content

A Twitter Clone fullstack app with the same UI as the original and great performance using Laravel, PostgresSQL, Tailwind, and more.

Notifications You must be signed in to change notification settings

IryDev/twitter-clone-laravel

Repository files navigation


Project Banner
react.js tailwindcss javascript PostgreSQL

A X (Twitter) Clone Fullstack Application

Explore this project and delve into its features. Elevate your skills with this Twitter clone crafted with passion by IryDev.
  1. 🤖 Introduction
  2. ⚙️ Tech Stack
  3. 🔋 Features
  4. 🤸 Quick Start
  5. 🚀 Plus

Explore social media with this user-friendly platform that has a nice look and lots of features. Easily create and explore posts, and enjoy a strong authentication system and quick data fetching using React Query for a smooth user experience.

  • Laravel
  • PostgresSQL
  • JavaScript
  • Tailwind CSS

👉 Authentication System: A robust authentication system ensuring security and user privacy

👉 Like and Save Functionality: Enable users to like and save posts

👉 Profile Page: A user profile page showcasing liked posts and providing options to edit the profile

👉 Create Post: Implement a user-friendly form to create post page with effortless file management, storage

👉 Edit Post: Provide users with the ability to edit the content of their posts at any time

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

Cloning the Repository

git clone https://github.com/IryDev/twitter-clone-laravel.git
cd twitter-clone-laravel

Installation

Install the project javascript dependencies using npm:

npm install

Install the project laravel dependencies using composer:

composer install

Set Up Environment Variables

Create a new file named .env in the root of your project and add the following content:

DB_CONNECTION=
DB_HOST=
DB_PORT=
DB_DATABASE=
DB_USERNAME=
DB_PASSWORD=

Running the Project

php artisan serve

Open http://localhost:8000 in your browser to view the project.

🚀 Plus

You like or wanna fork it ? Give it a Star ⭐️ !