https://github.com/zgramming/clone-instagram-web
Clone Instagram Web using Next JS
https://github.com/zgramming/clone-instagram-web
mantine nextjs redux-toolkit socket-io tailwindcss
Last synced: 2 months ago
JSON representation
Clone Instagram Web using Next JS
- Host: GitHub
- URL: https://github.com/zgramming/clone-instagram-web
- Owner: zgramming
- Created: 2023-07-11T07:13:04.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-02T05:52:32.000Z (almost 3 years ago)
- Last Synced: 2025-07-19T10:42:25.738Z (11 months ago)
- Topics: mantine, nextjs, redux-toolkit, socket-io, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 1.43 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Cloning Instagram Web
Cloning Instagram Web
## Tech Stack
**Client:** Typescript, Next JS, Redux Toolkit, Socket IO Client, Mantine UI, Tailwind CSS
**Server:** Express, TypeORM, Socket IO
## Environment Variables
To run this project, you will need to add the following environment variables to your .env file
- `BASE_URL_API`
## Installation
Install application with NPM
```bash
npm i
npm run dev
```
## Screenshots
## Demo
## Roadmap
- [ ] Play video when element visible in viewport
- [ ] Reels : When finished long pressed video, don't trigger onClick video (it will make trigger toggleMute after mouseUp onLongPress)
- [ ] Story: Animation 3D Like Instagram Story
## License
[MIT](https://choosealicense.com/licenses/mit/)
## Related
Here are some related projects
## Support
For support, email zeffry.reynando@gmail.com
## Authors
- [@zgramming](https://github.com/zgramming)