Skip to content

Commit d02298d

Browse files
committed
1-first-component
0 parents  commit d02298d

File tree

8 files changed

+11150
-0
lines changed

8 files changed

+11150
-0
lines changed

.gitignore

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
node_modules
2+
.DS_Store
3+
dist

README.md

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
# Classic React course project - <a href="http://battle.ui.dev/">Github Battle App</a></h3>
2+
3+
This is the repository for ui.dev's "Classic React" course project.
4+
5+
For more information on the course, visit **[ui.dev/classic-react](https://ui.dev/classic-react/)**.
6+
7+
### Project
8+
9+
This project is a "Github Battle" app. You'll be able to see the most popular repos for a variety of languages as well as battle two Github users to see who has the better profile.
10+
11+
You can view the final project at **[battle.ui.dev](http://battle.ui.dev/)**
12+
13+
### Branches
14+
15+
Every (Project) video in the course coincides with a branch. If you get stuck, you can checkout the branch for that video.

app/index.css

Whitespace-only changes.

app/index.html

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Github Battle</title>
5+
<link
6+
rel="icon"
7+
type="image/png"
8+
sizes="32x32"
9+
href="https://ui.dev/images/favicon.png"
10+
/>
11+
<link rel="preconnect" href="https://fonts.googleapis.com" />
12+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
13+
<link
14+
href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700;900&family=Paytone+One&display=swap"
15+
rel="stylesheet"
16+
/>
17+
</head>
18+
<body>
19+
<div id="app"></div>
20+
</body>
21+
</html>

app/index.jsx

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import * as React from "react";
2+
import * as ReactDOM from "react-dom/client";
3+
import "./index.css";
4+
5+
class App extends React.Component {
6+
render() {
7+
return <div>Hello World!</div>;
8+
}
9+
}
10+
11+
const rootElement = document.getElementById("app");
12+
const root = ReactDOM.createRoot(rootElement);
13+
root.render(<App />);

0 commit comments

Comments
 (0)