Skip to content

win11react/androidInReact

 
 

Repository files navigation

Android on Web

Follow me Follow Twitter coffee

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🌈:   android.blueedge.me

Gallery

img1

img1

Visit the Live Application🌈:   android.blueedge.me

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 ran into problems during development?

    • Duhh. More than dozen big ones and hundreds of small problems.
  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).     answer

Online Deployment

Deploy

Deploy on Railway

Deploy to Netlify

Acknowledgements

Contributors

contributors

License

⚖️ CC0-1.0 License

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 73.5%
  • SCSS 23.1%
  • CSS 3.0%
  • HTML 0.4%