https://github.com/harish-sethuraman/insta-portfolio
Instagram clone Micro Frontend
https://github.com/harish-sethuraman/insta-portfolio
clones microfrontends module-federation react webpack
Last synced: 5 months ago
JSON representation
Instagram clone Micro Frontend
- Host: GitHub
- URL: https://github.com/harish-sethuraman/insta-portfolio
- Owner: harish-sethuraman
- Created: 2021-04-28T09:29:05.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2022-01-27T18:47:56.000Z (over 3 years ago)
- Last Synced: 2024-10-27T15:42:13.506Z (7 months ago)
- Topics: clones, microfrontends, module-federation, react, webpack
- Language: JavaScript
- Homepage: https://strek-insta.netlify.app
- Size: 23.9 MB
- Stars: 3
- Watchers: 3
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Instagram clone
Instagram clone with proper media queries and all devices compatability. Exposes a remoteEntry file that can be consumed by [clones.strek.in](https://clones.strek.in) as micro frontend.
## Development
To start developing follow these steps
- Clone the repo
- cd into the repo
- run `yarn install` or `yarn`
- run `yarn start` to start the development server
- open `localhost:8081` in browser
Running `yarn start` exposes a remoteEntry file as well which can be consumed in other apps via moduleFederation
### outcome
Tried out [webp](https://developers.google.com/speed/webp) images for the first time in my project and experimented with grid layouts.
Demo: https://strek-insta.netlify.app
Used inside: https://macos-clone.netlify.app