Twitter Clone Web Application With PHP Laravel 9 & Angular 15

Live Demo: https://twiter.tech/
User Guide Video: https://drive.google.com/file/d/1i_RWNFFNxRbUe5soyjw46cM_kYVc_JN1/view?usp=share_link

Introduction

Twitter-inspired social media platform designed for users to connect and share their thoughts with the world.
Users can create profiles, follow other users, and post tweets, photos, and videos for their followers to see.
The project also includes features like hashtags, mentions and trending topics making it easy for users to
discover new content and connect with others in real-time. Bulding the website we used Tailwind CSS and
designed the website according to the user's broweser default,considering wether it was light or dark mode.

You can read more about the list of services and the database structure through out the Official Documentation

Get Started

Clone the project

git clone https://github.com/mostafaabdullhuq/Twitter

For Client-side

Install all project packages

npm install

Run the project

ng serve -o

Note: for production use cases:

go to src/environments/environment.prod.ts and change PRODUCTION_BASE_URL with your back-end api url

For server-side

Install all project packages

composer install

Generate a new application key for your Laravel application

php artisan key:generate

Generate a new secret key for your JSON Web Tokens (JWTs)

php artisan jwt:secret

Create a database in phpMyAdmin with any name you like, but remember to name it the same in your laravel .env file and then write

php artisan migrate:fresh --seed

Create a symbolic link between the public directory in your Laravel application and the storage/app/public directory in your application's file system.