twitter-clone-laravel Tailwind Templates

Twitter Clone Laravel

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


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.

šŸ“‹ Table of Contents

  1. šŸ¤– Introduction
  2. āš™ļø Tech Stack
  3. šŸ”‹ Features
  4. 🤸 Quick Start
  5. šŸš€ Plus

šŸ¤– Introduction

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.

āš™ļø Tech Stack

  • Laravel
  • PostgresSQL
  • JavaScript
  • Tailwind CSS

šŸ”‹ Features

šŸ‘‰ 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

🤸 Quick Start

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 ā­ļø !

Top categories

Loading Svelte Themes