Skip to content
This repository was archived by the owner on Oct 9, 2024. It is now read-only.

Commit fc7ed70

Browse files
prashant-shahiprashant-shahi
committed
Added css from TodoMVC app
1 parent bc235fd commit fc7ed70

File tree

12 files changed

+27
-240
lines changed

12 files changed

+27
-240
lines changed

‎todo-app-react/package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,8 @@
88
"@testing-library/user-event": "^7.1.2",
99
"react": "^16.13.1",
1010
"react-dom": "^16.13.1",
11-
"react-scripts": "3.4.1"
11+
"react-scripts": "3.4.1",
12+
"todomvc-app-css": "^2.3.0"
1213
},
1314
"scripts": {
1415
"start": "react-scripts start",

‎todo-app-react/public/favicon.ico

-516 Bytes
Binary file not shown.

‎todo-app-react/public/index.html

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,13 +7,17 @@
77
<meta name="theme-color" content="#000000" />
88
<meta
99
name="description"
10-
content="Web site created using create-react-app"
10+
content="React + GraphQL + Auth0 - Todo App powered by Dgraph (Slash GraphQL)"
1111
/>
1212
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
13-
<title>React App</title>
13+
<title>React + GraphQL + Dgraph - ToDo App</title>
1414
</head>
1515
<body>
1616
<noscript>You need to enable JavaScript to run this app.</noscript>
17-
<div id="root"></div>
17+
<section id="root" class="todoapp"></section>
18+
<footer class="info">
19+
<p>Double-click to edit a todo</p>
20+
<p>Created by <a href="https://dgraph.io/graphql" target="_blank">Dgraph Labs</a></p>
21+
</footer>
1822
</body>
1923
</html>

‎todo-app-react/public/manifest.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
2-
"short_name": "React App",
3-
"name": "Create React App Sample",
2+
"short_name": "React Todo App",
3+
"name": "React Todo GraphQL App powered by Dgraph",
44
"icons": [
55
{
66
"src": "favicon.ico",

‎todo-app-react/src/App.css

Lines changed: 0 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +0,0 @@
1-
.App {
2-
text-align: center;
3-
}
4-
5-
.App-logo {
6-
height: 40vmin;
7-
pointer-events: none;
8-
}
9-
10-
@media (prefers-reduced-motion: no-preference) {
11-
.App-logo {
12-
animation: App-logo-spin infinite 20s linear;
13-
}
14-
}
15-
16-
.App-header {
17-
background-color: #282c34;
18-
min-height: 100vh;
19-
display: flex;
20-
flex-direction: column;
21-
align-items: center;
22-
justify-content: center;
23-
font-size: calc(10px + 2vmin);
24-
color: white;
25-
}
26-
27-
.App-link {
28-
color: #61dafb;
29-
}
30-
31-
@keyframes App-logo-spin {
32-
from {
33-
transform: rotate(0deg);
34-
}
35-
to {
36-
transform: rotate(360deg);
37-
}
38-
}

‎todo-app-react/src/App.js

Lines changed: 8 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,15 @@
11
import React from 'react';
2-
import logo from './logo.svg';
32
import './App.css';
43

5-
function App() {
4+
const App = () => {
65
return (
7-
<div className="App">
8-
<header className="App-header">
9-
<img src={logo} className="App-logo" alt="logo" />
10-
<p>
11-
Edit <code>src/App.js</code> and save to reload.
12-
</p>
13-
<a
14-
className="App-link"
15-
href="https://reactjs.org"
16-
target="_blank"
17-
rel="noopener noreferrer"
18-
>
19-
Learn React
20-
</a>
21-
</header>
6+
<div>
7+
<h1>todos</h1>
8+
<input
9+
className="new-todo"
10+
placeholder="What needs to be done?"
11+
autoFocus={true}
12+
/>
2213
</div>
2314
);
2415
}

‎todo-app-react/src/App.test.js

Lines changed: 0 additions & 9 deletions
This file was deleted.

‎todo-app-react/src/index.css

Lines changed: 0 additions & 13 deletions
This file was deleted.

‎todo-app-react/src/index.js

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,11 @@
11
import React from 'react';
22
import ReactDOM from 'react-dom';
3-
import './index.css';
3+
import 'todomvc-app-css/index.css'
4+
45
import App from './App';
5-
import * as serviceWorker from './serviceWorker';
66

77
ReactDOM.render(
8-
<React.StrictMode>
9-
<App />
10-
</React.StrictMode>,
8+
<App />,
119
document.getElementById('root')
1210
);
1311

14-
// If you want your app to work offline and load faster, you can change
15-
// unregister() to register() below. Note this comes with some pitfalls.
16-
// Learn more about service workers: https://bit.ly/CRA-PWA
17-
serviceWorker.unregister();

‎todo-app-react/src/logo.svg

Lines changed: 0 additions & 7 deletions
This file was deleted.

0 commit comments

Comments
 (0)