Giter VIP home page Giter VIP logo

laravel-instagram-clone's Introduction

LaraGram - Laravel Instagram Clone

laragram banner

Laragram is a social media app like Instagram.

Setup Instructions

Clone this repository to your device and run this commands:

Copy .env.example file to .env

cp .env.example .env

Configure .env file with your own credentials

With Docker

# give permission to the storage folder of the application
chmod -R 775 storage
chmod -R 775 bootstrap/cache

# storage symlink
docker exec -it php /bin/sh -c "cd public && ln -s ../storage/app/public storage"

# start the docker containers
docker compose up

# to access the php container, use this command
docker exec -it php /bin/sh

    # install composer from the php container
    composer install
    
    # install npm packages
    npm install
    
    # build for production
    npm run build

    # generate the application key using the following command
    php artisan key:generate
    
    # migrate the tables to the database and seed fake data for testing
    php artisan migrate --seed

# check running docker containers status
docker compose ps

# shut down all running docker containers.
docker compose down

Without Docker

composer install

npm install

php artisan key:generate

php artisan migrate

npm run dev

php artisan storage:link

Some Screenshots

  • Newsfeed newsfeed

  • Explore expolore

  • Post Details post details

  • Users list users list

  • More menus More menus

  • Notifications Notifications

  • Edit profile Edit profile

  • Profile page Profile page

  • Wallet with SSLCommerz Wallet with SSLCommerz

  • Referral system Referral system

  • Chat Chat

  • Chat Chat

  • Follow email notification Follow email notification

  • Usernames rules Usernames rules

If you like this app don't forget to give a star! ⭐
Thank You!

laravel-instagram-clone's People

Contributors

itsrafsanjani avatar laravel-shift avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar

Forkers

nuzerowaste bestisrealol cnneinn mohsenmojadam2019 aliaksandrkostsikau zinoo-dez uncaught-typeerror

laravel-instagram-clone's Issues

500 Internal Server Error

Hi! Thanks you for making this as open source but
I get 500 Internal Server Error when I try to connect.
my site is https://~~~~.xyz/gicstagram And

root@instance-1:/var/www/html/gicstagram# ls
backend  build  css  favicon.ico  images  index.php  installer  js  robots.txt  svg  vendor
root@instance-1:/var/www/html/gicstagram#

How to solve this?
Thanks!

npm install error

I cant do npm install, it gives me this error

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: undefined@undefined
npm ERR! Found: [email protected]
npm ERR! node_modules/vue
npm ERR! dev vue@"^2.5.17" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"^3.2.25" from @vitejs/[email protected]
npm ERR! node_modules/@vitejs/plugin-vue
npm ERR! dev @vitejs/plugin-vue@"^2.3.3" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\cnnei\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\cnnei\AppData\Local\npm-cache_logs\2022-12-18T06_47_17_140Z-debug-0.log

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.