Skip to content

Commit 8742c72

Browse files
blueedgetechnoblueedgetechno
committed
first
0 parents  commit 8742c72

31 files changed

+1214
-0
lines changed

Diff for: ‎.gitignore

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
node_modules
5+
/.pnp
6+
.pnp.js
7+
.env
8+
todo*
9+
10+
# testing
11+
/coverage
12+
13+
# production
14+
/build
15+
*.py
16+
rough*
17+
18+
# misc
19+
.DS_Store
20+
.env.local
21+
.env.development.local
22+
.env.test.local
23+
.env.production.local
24+
25+
npm-debug.log*
26+
yarn-debug.log*
27+
yarn-error.log*

Diff for: ‎README.md

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
# Android in React!

Diff for: ‎package.json

+53
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
{
2+
"name": "Android11React",
3+
"description": "Android made in React",
4+
"repository": "https://github.com/blueedgetechno/androidInReact",
5+
"version": "0.0.1",
6+
"private": true,
7+
"dependencies": {
8+
"@fortawesome/fontawesome-svg-core": "^1.2.35",
9+
"@fortawesome/free-regular-svg-icons": "^5.15.3",
10+
"@fortawesome/free-solid-svg-icons": "^5.15.3",
11+
"@fortawesome/react-fontawesome": "^0.1.14",
12+
"@testing-library/jest-dom": "^5.11.4",
13+
"@testing-library/react": "^11.1.0",
14+
"@testing-library/user-event": "^12.1.10",
15+
"axios": "^0.21.1",
16+
"node-sass": "^6.0.1",
17+
"react": "^17.0.2",
18+
"react-dom": "^17.0.2",
19+
"react-player": "^2.9.0",
20+
"react-redux": "^7.2.4",
21+
"react-scripts": "4.0.3",
22+
"redux": "^4.1.0",
23+
"sass": "^1.35.1",
24+
"sass-loader": "^12.1.0",
25+
"web-vitals": "^1.0.1"
26+
},
27+
"scripts": {
28+
"start": "react-scripts start",
29+
"build": "react-scripts build",
30+
"test": "react-scripts test",
31+
"eject": "react-scripts eject"
32+
},
33+
"eslintConfig": {
34+
"extends": [
35+
"react-app",
36+
"react-app/jest"
37+
]
38+
},
39+
"browserslist": {
40+
"production": [
41+
">0.2%",
42+
"not dead",
43+
"not op_mini all"
44+
],
45+
"development": [
46+
"last 1 chrome version",
47+
"last 1 firefox version",
48+
"last 1 safari version"
49+
]
50+
},
51+
"devDependencies": {
52+
}
53+
}

Diff for: ‎public/favicon.ico

3.5 KB
Binary file not shown.

Diff for: ‎public/img/wallpaper/default.jpg

261 KB
Loading

Diff for: ‎public/img/wallpaper/default2.jpg

84.5 KB
Loading

Diff for: ‎public/index.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
<meta name="theme-color" content="#000000" />
8+
<meta name="description" content="Web site created using create-react-app"/>
9+
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
10+
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
11+
<title>Android in React</title>
12+
</head>
13+
<body>
14+
<noscript>You need to enable JavaScript to run this app.</noscript>
15+
<div id="root"></div>
16+
</body>
17+
</html>

Diff for: ‎public/logo192.png

4.06 KB
Loading

Diff for: ‎public/logo512.png

11.8 KB
Loading

Diff for: ‎public/manifest.json

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
{
2+
"short_name": "React App",
3+
"name": "Create React App Sample",
4+
"icons": [
5+
{
6+
"src": "favicon.ico",
7+
"sizes": "64x64 32x32 24x24 16x16",
8+
"type": "image/x-icon"
9+
},
10+
{
11+
"src": "logo192.png",
12+
"type": "image/png",
13+
"sizes": "192x192"
14+
},
15+
{
16+
"src": "logo512.png",
17+
"type": "image/png",
18+
"sizes": "512x512"
19+
}
20+
],
21+
"start_url": ".",
22+
"display": "standalone",
23+
"theme_color": "#000000",
24+
"background_color": "#ffffff"
25+
}

Diff for: ‎public/robots.txt

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
# https://www.robotstxt.org/robotstxt.html
2+
User-agent: *

Diff for: ‎src/App.css

+43
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
.App {
2+
--stbar-h: 2.4em;
3+
}
4+
5+
.uicon {
6+
position: relative;
7+
display: grid;
8+
place-items: center;
9+
}
10+
11+
.text-xss {
12+
font-size: 0.64em;
13+
}
14+
15+
.smooth-trans{
16+
transition: all 200ms ease-in-out;
17+
}
18+
19+
.invert-true,
20+
img[data-invert="true"],
21+
svg[data-invert="true"],
22+
i[data-invert="true"] {
23+
filter: invert(1);
24+
}
25+
26+
.rounded-true,
27+
img[data-rounded="true"],
28+
svg[data-rounded="true"],
29+
i[data-rounded="true"] {
30+
border-radius: 1000px;
31+
}
32+
33+
.flip-true,
34+
img[data-flip="true"],
35+
svg[data-flip="true"],
36+
i[data-flip="true"] {
37+
transform: scale(-1, 1);
38+
}
39+
40+
.uicon img {
41+
transform-origin: center;
42+
transition: 400ms ease-in-out;
43+
}

Diff for: ‎src/App.js

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
import React, {useState, useEffect} from 'react';
2+
3+
import Background from './components/background';
4+
import Home from './containers/home';
5+
import {loadSettings} from './store/actions/index';
6+
import './App.css';
7+
import "slick-carousel/slick/slick.css";
8+
import "slick-carousel/slick/slick-theme.css";
9+
10+
function App() {
11+
12+
useEffect(() => {
13+
if (!window.onstart) {
14+
// console.log("Loading settings...");
15+
window.onstart = loadSettings();
16+
}
17+
});
18+
19+
return (
20+
<div className="App">
21+
<div className="appwrap">
22+
<Background/>
23+
<Home/>
24+
</div>
25+
</div>
26+
);
27+
}
28+
29+
export default App;

Diff for: ‎src/components/background/back.scss

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
.background {
2+
min-width: 100vw;
3+
min-height: 100vh;
4+
background-color: var(--wintheme);
5+
background-repeat: no-repeat;
6+
background-size: cover;
7+
background-position: center;
8+
transition: all 0.2s ease;
9+
}

Diff for: ‎src/components/background/index.js

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import React, { useState, useEffect } from "react";
2+
import { useSelector, useDispatch } from "react-redux";
3+
// import { Icon, Image } from "../../utils/general";
4+
import "./back.scss";
5+
6+
const Background = () => {
7+
const wall = useSelector((state) => state.wallpaper);
8+
const dispatch = useDispatch();
9+
10+
return (
11+
<div
12+
className="background"
13+
style={{
14+
backgroundImage: `url(/img/wallpaper/${wall.src})`,
15+
}}
16+
></div>
17+
);
18+
};
19+
20+
export default Background;

Diff for: ‎src/components/main.scss

+47
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
body{
2+
--dark-txt: #000;
3+
--med-dark: #111;
4+
--txt-col: #222;
5+
--med-txt: #3c3c3c;
6+
--comp-txt: #ddd;
7+
// --light-txt: #ddd;
8+
--comp-clr: #e6e6e6;
9+
--gray-txt: #555;
10+
--sat-txt: #777;
11+
--clrPrm: #0067c0;
12+
--scroll: rgb(255 255 255 / 80%);
13+
}
14+
15+
.backblur{
16+
backdrop-filter: blur(20px);
17+
-webkit-backdrop-filter: blur(20px);
18+
}
19+
20+
.status-bar{
21+
// position: absolute;
22+
height: var(--stbar-h);
23+
width: 100%;
24+
display: flex;
25+
font-size: 0.8em;
26+
padding: 0 1em;
27+
padding-top: 1em;
28+
box-sizing: border-box;
29+
display: flex;
30+
align-items: center;
31+
justify-content: space-between;
32+
}
33+
34+
.status-row{
35+
display: flex;
36+
align-items: center;
37+
38+
& > div{
39+
margin: 0 2px;
40+
}
41+
42+
.battery-level{
43+
font-size: 0.9em;
44+
height: 14px;
45+
margin-right: 0.25em;
46+
}
47+
}

0 commit comments

Comments
 (0)