https://github.com/harish-sethuraman/macos-clone
MacOS clone that runs Micro Frontends as Apps
https://github.com/harish-sethuraman/macos-clone
clones module-federation react webpack
Last synced: 2 months ago
JSON representation
MacOS clone that runs Micro Frontends as Apps
- Host: GitHub
- URL: https://github.com/harish-sethuraman/macos-clone
- Owner: harish-sethuraman
- Created: 2021-05-23T13:23:42.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-03-31T12:19:11.000Z (about 3 years ago)
- Last Synced: 2025-02-28T01:21:58.726Z (3 months ago)
- Topics: clones, module-federation, react, webpack
- Language: JavaScript
- Homepage: https://macos-clone.netlify.app
- Size: 4.57 MB
- Stars: 19
- Watchers: 3
- Forks: 7
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# macosclone
Being a big fan of [macos.vercel.app](http://macos.vercel.app/) by [@puruvj](https://github.com/puruvj). I wanted to implement multiple clone apps that could run as standalone sites as well as micro frontend inside this macos flavored website. So wrote all microfrontends and this site and stiched all frontends using [module federation](https://webpack.js.org/concepts/module-federation/)
## Development
To start developing follow these steps
To run macos clone you might want to clone other app's repo too
- https://github.com/harish-sethuraman/terminal-clone
- https://github.com/harish-sethuraman/vscode-clone
- https://github.com/harish-sethuraman/insta-portfolio
- https://github.com/harish-sethuraman/personal-site
Once these repos are cloned. Follow development instructions to setup those repos and start servers (If you change ports for clone app you might want to configure the remote in the webpack development config).
- cd into the repo
- run `yarn install` or `yarn`
- run `yarn start` to start the development server
- open `localhost:1234` in browser
Clone site -> https://clones.strek.in
- Finder -> loads my portfolio -> https://strek.netlify.app
- Vscode -> loads VS code clone -> https://vsclone.netlify.app
- Insta -> loads Instagram clone -> https://strek-insta.netlify.app
- Iterm -> loads Terminal clone -> https://terminal-clone.netlify.app