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.
- 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)
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
Start the React app:
cd frontend && npm install
npm run start
If you want to follow the tutorial on Youtube go here: https://youtu.be/fmKCKOcOv1
Pull requests are welcome.