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: 11 days 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 (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-02T05:52:32.000Z (over 1 year ago)
• Last Synced: 2024-11-07T04:43:51.582Z (2 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

        
![Logo](github/background.png)

# 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 [email protected]

## Authors

- [@zgramming](https://github.com/zgramming)