Skip to content

Latest commit

 

History

History
65 lines (44 loc) · 2.19 KB

README.md

File metadata and controls

65 lines (44 loc) · 2.19 KB
Raw

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