https://github.com/ahmedsobhy01/instagram-clone
A replica of the official Instagram website, featuring the ability to post images, is implemented for the web application, mimicking Instagram’s interface and functionality.
https://github.com/ahmedsobhy01/instagram-clone
bootstrap instagram-clone laravel vuejs
Last synced: 14 days ago
JSON representation
A replica of the official Instagram website, featuring the ability to post images, is implemented for the web application, mimicking Instagram’s interface and functionality.
- Host: GitHub
- URL: https://github.com/ahmedsobhy01/instagram-clone
- Owner: AhmedSobhy01
- Created: 2020-10-09T00:42:43.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2024-06-27T09:38:25.000Z (over 1 year ago)
- Last Synced: 2024-12-27T04:42:52.837Z (10 months ago)
- Topics: bootstrap, instagram-clone, laravel, vuejs
- Language: PHP
- Homepage: https://vistagram.ahmedsobhy.net
- Size: 6.38 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[![Forks][forks-shield]][forks-url]
[![Issues][issues-shield]][issues-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
Vistagram
A replicate of the official Instagram website with the ability to post images for the web application.
View Demo
·
Report Bug
·
Request Feature
## About The Project
[![Product Name Screen Shot][product-screenshot]](https://vistagram.ahmedsobhy.net)
A Laravel project that replicates the official Instagram website is a web application that provides similar functionalities as the original Instagram platform. It allows users to create a profile, post pictures and videos, follow other users, like and comment on posts, and view a feed of posts from users they follow. The project makes use of the Laravel framework to build a robust and scalable web application with features like authentication, user management, media upload and storage, and a dynamic feed system. Additionally, it follows the design and user interface of the official Instagram website to provide a familiar experience to users.
### Built With
- [![Laravel][laravel.com]][laravel-url]
- [![Vue][vue.js]][vue-url]
- [![Bootstrap][bootstrap.com]][bootstrap-url]
### Installation
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
1. Clone the repo
```sh
git clone https://www.github.com/AhmedSobhy01/instagram-clone.git
```
2. Install Composer packages
```sh
composer install
```
3. Install NPM packages
```sh
npm install
```
4. Copy .env.example and then edit .env
```sh
cp .env.example .env
```
5. Generate app encryption key
```sh
php artisan key:generate
```
6. Migrate and seed the database
```sh
php artisan migrate:fresh --seed
```
## Usage
After seeding the database, you can log in using the default user:
| **Email** | **Password** |
| --- | --- |
| test@test.com | password |
## Contact
Ahmed Sobhy - contact@ahmedsobhy.net
Project Link: [https://www.github.com/AhmedSobhy01/instagram-clone](https://www.github.com/AhmedSobhy01/instagram-clone)
[forks-shield]: https://img.shields.io/github/forks/AhmedSobhy01/instagram-clone.svg?style=for-the-badge
[forks-url]: https://github.com/AhmedSobhy01/instagram-clone/network/members
[stars-shield]: https://img.shields.io/github/stars/AhmedSobhy01/instagram-clone.svg?style=for-the-badge
[stars-url]: https://www.github.com/AhmedSobhy01/instagram-clone/stargazers
[issues-shield]: https://img.shields.io/github/issues/AhmedSobhy01/instagram-clone.svg?style=for-the-badge
[issues-url]: https://www.github.com/AhmedSobhy01/instagram-clone/issues
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://www.linkedin.com/in/ahmed-sobhy-dev
[product-screenshot]: https://ahmedsobhy.net/storage/8a2e0ee6c7b236035d1e43886552c789/main-phone.jpg
[vue.js]: https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D
[vue-url]: https://vuejs.org/
[laravel.com]: https://img.shields.io/badge/Laravel-FF2D20?style=for-the-badge&logo=laravel&logoColor=white
[laravel-url]: https://laravel.com
[bootstrap.com]: https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white
[bootstrap-url]: https://getbootstrap.com