Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/blueedgetechno/androidinreact

Android in React 📱🌈⚡
https://github.com/blueedgetechno/androidinreact

android css javascript react reactjs redux webdevelopment

Last synced: 6 days ago
JSON representation

Android in React 📱🌈⚡

Host: GitHub
URL: https://github.com/blueedgetechno/androidinreact
Owner: blueedgetechno
License: cc0-1.0
Created: 2022-01-18T16:15:22.000Z (almost 3 years ago)
Default Branch: master
Last Pushed: 2023-03-06T15:23:36.000Z (over 1 year ago)
Last Synced: 2024-10-23T06:54:55.992Z (14 days ago)
Topics: android, css, javascript, react, reactjs, redux, webdevelopment
Language: JavaScript
Homepage: https://android.blueedge.me
Size: 25 MB
Stars: 123
Watchers: 4
Forks: 28
Open Issues: 12
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        # Android on Web

[![Follow me](https://img.shields.io/github/followers/blueedgetechno?label=follow%20me&style=social)](https://github.com/blueedgetechno)

[![Follow Twitter](https://img.shields.io/twitter/follow/blueedgetechno?label=Follow%20me&style=social)](https://twitter.com/blueedgetechno)

[![Join](https://img.shields.io/discord/868499076432408627.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2)](https://discord.gg/NcjaNdwtnR)

[![coffee](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/blueedgetechno)

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](https://android.blueedge.me)

## Gallery

![img1](public/gall1.png)

![img1](public/gall2.png)

#### Visit the Live Application🌈:   [android.blueedge.me](https://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

- [x] Home page, App icons

- [x] Bottom Navigation bar

- [x] Widgets like google search

- [x] Calendar, Date, Clock Widgets

- [x] Quick menu from slide up

- [x] Recent menu and apps

- [x] WhatsApp Application

- [x] YouTube Application

- [x] Google Search App

# Dev Features

- [x] Flexible and Scalable

- [x] Easy to add custom Applications

- [x] Easy to bind with existing system

- [x] Built-In Navigation system per app

- [x] Modular Applications and their styling

- [x] 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](timeline.md)).

4. Can I contribute?

    - Yes, you can! Open an issue, create a pull request, head over to [discussions](https://github.com/blueedgetechno/androidInReact/discussions) or join the [discord](https://discord.gg/NcjaNdwtnR).

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](https://github.com/xderry).

6. Why do JavaScript developers wear glasses?

    - Because they cannot C# (see sharp).     ![answer](public/hehe.jpg)

## Online Deployment

[![Deploy](https://www.herokucdn.com/deploy/button.svg)](https://heroku.com/deploy)

[![Deploy on Railway](https://railway.app/button.svg)](https://railway.app/new/template?template=https%3A%2F%2Fgithub.com%2Fblueedgetechno%2FandroidInReact&envs=PORT&PORTDesc=Port+of+the+application&PORTDefault=3000)

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/blueedgetechno/androidInReact)

## Acknowledgements

- [Derry Shribman](https://github.com/xderry)

- [React-hammerjs](https://github.com/JedWatson/react-hammerjs)

- [React-slick](https://github.com/akiran/react-slick)

## Contributors

[![contributors](https://contrib.rocks/image?repo=blueedgetechno/androidInReact)](https://github.com/blueedgetechno/androidInReact/graphs/contributors)

## License

⚖️ CC0-1.0 License