https://github.com/nwylynko/ios-in-web

Trying to replicate ios in the browser, cuz why not
https://github.com/nwylynko/ios-in-web

ios react vite

Last synced: 22 days ago
JSON representation

Trying to replicate ios in the browser, cuz why not

• Host: GitHub
• URL: https://github.com/nwylynko/ios-in-web
• Owner: NWylynko
• License: mit
• Created: 2022-01-04T12:03:25.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-05-14T09:43:18.000Z (over 1 year ago)
• Last Synced: 2024-10-11T01:24:09.040Z (about 1 month ago)
• Topics: ios, react, vite
• Language: TypeScript
• Homepage: https://ios-in-web.vercel.app
• Size: 6.84 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 📱 IOS in 🌐 Web

🔗 Link: [https://ios-in-web.vercel.app](https://ios-in-web.vercel.app)

Inspired by [macos.vercel.app](https://macos.vercel.app), this is an attempt to replicate Apple IOS for the iPhone. Aiming to function as close to a real iPhone as possible, including replicating the online services with serverless functions (this hasn't been started yet). This project uses React and is built by Vite, then deployed to Vercel. This is still very much in development, it will take a lot of work to replicate ios.

## Development

Install dependencies

```bash

pnpm install

```

Run the development server

```bash

pnpm develop

```

Open up http://localhost:3000

## Important folders for development

  - Apps

    - Stores all the individual apps

    - They get lazy loaded on demand by the user

    - This includes the launcher, that gets started on boot

  - IOS

    - This has everything for the running of the os

    - Eg, App Manager, Files management, Notifications, Permissions, etc

  - modules

    - Think of these as npm modules that are specific to this project. They are accessed and used directly by the apps.

    - Need to be built in a reusable and isolated way

  - Page

    - For a clean src folder, everything that would normally be stored in the src folder has been moved here.

    - This mainly just sets up the page and renders the iPhone