Giter Club home page Giter Club logo

instagram's Introduction

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

๐Ÿ’ฌ ๐Ÿ“– ๐Ÿ‘€ ๐Ÿ“ข

instagram's People

Contributors

marwan-mohamed12 avatar mahmouddabbous avatar xmohamd avatar mohamedaliesmaill avatar zeinababdelghaffar avatar nourhanradwan145 avatar

Stargazers

 avatar  avatar Yousef Alsayed avatar  avatar Mostafa Elgreatly avatar kerolos Magdy avatar  avatar

instagram's Issues

profile functionality

  • User can edit his profile (email/Full Name/avatar/bio/gender/website) and if the user changed the email, he must verify the new email.
  • User can change his password

tags functionality

  • Post tags are clickable and will navigate to tag page
  • User can see posts related to the selected tag
  • Posts are shown as rows, each row contain three posts.
  • Clicking a post image will navigate to the post view page

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.