📱 Samsung on Web

An open-source project that aims to provide an indistinguishably accurate experience of Android on web. The project leverages different JavaScript Web APIs to imitates the Android functionalities and CSS animations to bring life into it.


Visit the Live Application🌈:   Samsung on react

Gallery

img1

img1

Visit the Live Application🌈:   Samsung on React

Stack

  • Framework – React (^17.0.2) + Redux
  • Component/UI Library – Material UI
  • Styling Solution – SCSS and CSS Modules (+ tailwind).
  • Icons – fontAwesome/mui icons/custom svg icons

Features

  • Home page, App icons
  • Bottom Navigation bar
  • Widgets like google search
  • Calendar, Date, Clock Widgets
  • Quick menu from slide up
  • Recent menu and apps
  • WhatsApp Application
  • YouTube Application
  • Google Search App

Dev Features

  • Flexible and Scalable
  • Easy to add custom Applications
  • Easy to bind with existing system
  • Built-In Navigation system per app
  • Modular Applications and their styling
  • Proper state management with Redux

FAQ

  1. Is this real android OS?

    • No, This is not a real operating system. It is just imitation of it with different technology.
  2. How long did it take?

    • 6 weeks (without gaps)
  3. Have you ran into problems during development?

    • Duhh. More than dozen big ones and hundreds of small problems (more info).
  4. Can I contribute?

    • Yes, you can! Open an issue, create a pull request, head over to discussions
  5. Where did you get the inspiration from, if you have?

    • I got the inspired to make the project on the suggestion of Derry Shribman.
  6. Why do JavaScript developers wear glasses?

    • Because they cannot C# (see sharp).    

License

🪪 Mit Licence

Note there is a bug of my site, I will reattempt on my Portfolio and try to remake it 🙂

GitHub

View Github