Skip to content

Latest commit

 

History

History
163 lines (136 loc) · 5.8 KB

README.md

File metadata and controls

163 lines (136 loc) · 5.8 KB

Laravel Instagram Clone

This project is an Instagram clone that aims to replicate the core features and functionalities of the popular social media platform. It includes features such as user authentication, posting images, following other users, liking and commenting on posts, and more.

Laravel.mp4

Technologies Used

  • Frontend: HTML, CSS, SCSS, JavaScript, blade
  • Backend: PHP, Laravel, MySql
  • Additional Tools: Axios, AWS, mailpit, Breeze

Features

  • User Authentication: Users can sign up, log in, and log out.
  • Profile Management: Users can update their profiles, including their profile picture and bio.
  • Post Creation: Users can create new posts with images and captions.
  • Like and Comment: Users can like and comment on posts.
  • Follow System: Users can follow/unfollow other users.

Installation

  1. Clone the repository:

    git clone https://github.com/xMohamd/instagram-clone.git
    
  2. Install composer dependencies:

    composer install
    
  3. Create a .env file by copying the .env.example and update the database information:

    cp .env.example .env
    
  4. Run migrations and seed the database:

    php artisan migrate
    
  5. Compile Sass and JavaScript assets:

    npm install && npm run dev
    
  6. Start the development server:

    php artisan serve
    

Access the application at http://localhost:8000.

Usage

  1. Register a new account or log in with the seeded users.
  2. Explore the application by creating posts, following other users, liking and commenting on posts.

Folder Structure

  • app/: Contains the application's models, controllers, and other PHP classes.
  • database/: Contains database migrations and seeders.
  • resources/
    • sass/: Contains Sass files.
    • views/: Contains Blade templates for the frontend.
  • public/: Contains publicly accessible files, such as images, compiled CSS/JS.
  • routes/: Contains route definitions.

Contributors ✨

Marwan Mohamed
Marwan Mohamed

📖 🔧 🚇 🚧 👀
Nourhan Radwan
Nourhan Radwan

💬 📖 👀 📢
Mahmoud Dabbous
Mahmoud Dabbous

💬 📖 👀 📢
Mohamed
Mohamed

💬 📖 👀 📢
Mohamed Ali
Mohamed Ali

💬 📖 👀 📢
Mohamed Ali
ZeinabAbdelghaffar

💬 📖 👀 📢