Skip to content

This is an Instagram clone built with TailwindCSS, React, Apollo Client and Laravel Lighthouse.

Notifications You must be signed in to change notification settings

gigo6000/instagram-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Instagram Clone

forthebadge forthebadge forthebadge forthebadge forthebadge forthebadge forthebadge forthebadge

🛑 Important: Star the repo before you leave!!! thanks 🙏🏽

This is an Instagram clone built with TailwindCSS, React, Apollo Client and Laravel Lighthouse. This is a great project to learn and improve your Tailwind and React skills also if you are insterested in backend, the GraphQL API is created using Laravel Lighthouse, this is a great project to add to your portfolio if you are just starting as a web developer or full stack developer.

Stack

  • Frontend
    • Tailwind CSS
    • React
    • React Router
    • React Dropzone (drag'n'drop zone for files)
    • Headless UI
    • Apollo Client
    • Toastify (Notifications)
  • Backend
    • Docker
    • Laravel Sail
    • Laravel Lighthouse (GraphQL api)

Usage

Backend

Start the backend services (MySQL, Apache, etc) using Laravel Sail:

cd backend && composer install

sail up

or if you don't have an alias for sail:

cd backend && composer install && ./vendor/bin/sail up

Frontend

Start the React app:

cd frontend && npm install

npm run start

Youtube Tutorial

If you want to follow the tutorial on Youtube go here: https://youtu.be/fmKCKOcOv1

Contributing

Pull requests are welcome.

License

MIT

About

This is an Instagram clone built with TailwindCSS, React, Apollo Client and Laravel Lighthouse.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published