Skip to content

Commit 57a9c77

Browse files
kimjaylutakimjayluta
committed
Initial commit
0 parents  commit 57a9c77

22 files changed

+16325
-0
lines changed

‎.gitignore

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
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+
8+
# testing
9+
/coverage
10+
11+
# production
12+
/build
13+
14+
# misc
15+
.DS_Store
16+
.env.local
17+
.env.development.local
18+
.env.test.local
19+
.env.production.local
20+
.vscode
21+
22+
npm-debug.log*
23+
yarn-debug.log*
24+
yarn-error.log*

‎capacitor.config.json

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
{
2+
"appId": "io.ionic.starter",
3+
"appName": "AkoTo",
4+
"bundledWebRuntime": false,
5+
"npmClient": "npm",
6+
"webDir": "build",
7+
"cordova": {}
8+
}

‎ionic.config.json

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{
2+
"name": "AkoTo",
3+
"integrations": {
4+
"capacitor": {}
5+
},
6+
"type": "react"
7+
}

‎package-lock.json

+15,650
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+51
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
{
2+
"name": "AkoTo",
3+
"version": "0.0.1",
4+
"private": true,
5+
"dependencies": {
6+
"@capacitor/core": "2.0.1",
7+
"@ionic/react": "^5.0.7",
8+
"@ionic/react-router": "^5.0.7",
9+
"@testing-library/jest-dom": "^4.2.4",
10+
"@testing-library/react": "^9.4.0",
11+
"@testing-library/user-event": "^8.0.3",
12+
"@types/jest": "^24.0.25",
13+
"@types/node": "^12.12.24",
14+
"@types/react": "^16.9.17",
15+
"@types/react-dom": "^16.9.4",
16+
"@types/react-router": "^5.1.4",
17+
"@types/react-router-dom": "^5.1.3",
18+
"ionicons": "^5.0.0",
19+
"react": "^16.13.0",
20+
"react-dom": "^16.13.0",
21+
"react-router": "^5.1.2",
22+
"react-router-dom": "^5.1.2",
23+
"react-scripts": "3.4.1",
24+
"typescript": "3.8.3"
25+
},
26+
"scripts": {
27+
"start": "react-scripts start",
28+
"build": "react-scripts build",
29+
"test": "react-scripts test",
30+
"eject": "react-scripts eject"
31+
},
32+
"eslintConfig": {
33+
"extends": "react-app"
34+
},
35+
"browserslist": {
36+
"production": [
37+
">0.2%",
38+
"not dead",
39+
"not op_mini all"
40+
],
41+
"development": [
42+
"last 1 chrome version",
43+
"last 1 firefox version",
44+
"last 1 safari version"
45+
]
46+
},
47+
"devDependencies": {
48+
"@capacitor/cli": "2.0.1"
49+
},
50+
"description": "An Ionic project"
51+
}

‎public/assets/icon/favicon.png

930 Bytes
Loading

‎public/assets/icon/icon.png

23.2 KB
Loading

‎public/assets/shapes.svg

+1
Loading

‎public/index.html

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<title>Ionic App</title>
6+
7+
<base href="/" />
8+
9+
<meta name="color-scheme" content="light dark" />
10+
<meta
11+
name="viewport"
12+
content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
13+
/>
14+
<meta name="format-detection" content="telephone=no" />
15+
<meta name="msapplication-tap-highlight" content="no" />
16+
17+
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
18+
19+
<link rel="shortcut icon" type="image/png" href="%PUBLIC_URL%/assets/icon/favicon.png" />
20+
21+
<!-- add to homescreen for ios -->
22+
<meta name="apple-mobile-web-app-capable" content="yes" />
23+
<meta name="apple-mobile-web-app-title" content="Ionic App" />
24+
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
25+
</head>
26+
27+
<body>
28+
<div id="root"></div>
29+
</body>
30+
31+
</html>

‎public/manifest.json

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
{
2+
"short_name": "Ionic App",
3+
"name": "My Ionic App",
4+
"icons": [
5+
{
6+
"src": "assets/icon/favicon.png",
7+
"sizes": "64x64 32x32 24x24 16x16",
8+
"type": "image/x-icon"
9+
},
10+
{
11+
"src": "assets/icon/icon.png",
12+
"type": "image/png",
13+
"sizes": "512x512",
14+
"purpose": "maskable"
15+
}
16+
],
17+
"start_url": ".",
18+
"display": "standalone",
19+
"theme_color": "#ffffff",
20+
"background_color": "#ffffff"
21+
}

‎src/App.test.tsx

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
import React from 'react';
2+
import { render } from '@testing-library/react';
3+
import App from './App';
4+
5+
test('renders without crashing', () => {
6+
const { baseElement } = render(<App />);
7+
expect(baseElement).toBeDefined();
8+
});

‎src/App.tsx

+37
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
import React from 'react';
2+
import { Redirect, Route } from 'react-router-dom';
3+
import { IonApp, IonRouterOutlet } from '@ionic/react';
4+
import { IonReactRouter } from '@ionic/react-router';
5+
import Home from './pages/Home';
6+
7+
/* Core CSS required for Ionic components to work properly */
8+
import '@ionic/react/css/core.css';
9+
10+
/* Basic CSS for apps built with Ionic */
11+
import '@ionic/react/css/normalize.css';
12+
import '@ionic/react/css/structure.css';
13+
import '@ionic/react/css/typography.css';
14+
15+
/* Optional CSS utils that can be commented out */
16+
import '@ionic/react/css/padding.css';
17+
import '@ionic/react/css/float-elements.css';
18+
import '@ionic/react/css/text-alignment.css';
19+
import '@ionic/react/css/text-transformation.css';
20+
import '@ionic/react/css/flex-utils.css';
21+
import '@ionic/react/css/display.css';
22+
23+
/* Theme variables */
24+
import './theme/variables.css';
25+
26+
const App: React.FC = () => (
27+
<IonApp>
28+
<IonReactRouter>
29+
<IonRouterOutlet>
30+
<Route path="/home" component={Home} exact={true} />
31+
<Route exact path="/" render={() => <Redirect to="/home" />} />
32+
</IonRouterOutlet>
33+
</IonReactRouter>
34+
</IonApp>
35+
);
36+
37+
export default App;

‎src/components/ExploreContainer.css

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
.container {
2+
text-align: center;
3+
position: absolute;
4+
left: 0;
5+
right: 0;
6+
top: 50%;
7+
transform: translateY(-50%);
8+
}
9+
10+
.container strong {
11+
font-size: 20px;
12+
line-height: 26px;
13+
}
14+
15+
.container p {
16+
font-size: 16px;
17+
line-height: 22px;
18+
color: #8c8c8c;
19+
margin: 0;
20+
}
21+
22+
.container a {
23+
text-decoration: none;
24+
}

‎src/components/ExploreContainer.tsx

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
import React from 'react';
2+
import './ExploreContainer.css';
3+
4+
interface ContainerProps { }
5+
6+
const ExploreContainer: React.FC<ContainerProps> = () => {
7+
return (
8+
<div className="container">
9+
<strong>Ready to create an app?</strong>
10+
<p>Start with Ionic <a target="_blank" rel="noopener noreferrer" href="https://ionicframework.com/docs/components">UI Components</a></p>
11+
</div>
12+
);
13+
};
14+
15+
export default ExploreContainer;

‎src/index.tsx

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import React from 'react';
2+
import ReactDOM from 'react-dom';
3+
import App from './App';
4+
import * as serviceWorker from './serviceWorker';
5+
6+
ReactDOM.render(<App />, document.getElementById('root'));
7+
8+
// If you want your app to work offline and load faster, you can change
9+
// unregister() to register() below. Note this comes with some pitfalls.
10+
// Learn more about service workers: https://bit.ly/CRA-PWA
11+
serviceWorker.unregister();

‎src/pages/Home.css

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
ion-content ion-toolbar {
2+
--background: translucent;
3+
}

‎src/pages/Home.tsx

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react';
2+
import React from 'react';
3+
import ExploreContainer from '../components/ExploreContainer';
4+
import './Home.css';
5+
6+
const Home: React.FC = () => {
7+
return (
8+
<IonPage>
9+
<IonHeader>
10+
<IonToolbar>
11+
<IonTitle>Blank</IonTitle>
12+
</IonToolbar>
13+
</IonHeader>
14+
<IonContent>
15+
<IonHeader collapse="condense">
16+
<IonToolbar>
17+
<IonTitle size="large">Blank</IonTitle>
18+
</IonToolbar>
19+
</IonHeader>
20+
<ExploreContainer />
21+
</IonContent>
22+
</IonPage>
23+
);
24+
};
25+
26+
export default Home;

‎src/react-app-env.d.ts

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
/// <reference types="react-scripts" />

0 commit comments

Comments
 (0)