Skip to content

Commit 09077ee

Browse files
mateuseapmateuseap
committed
feat: create a temporary Home page and setup router and basic stuffs
1 parent 86b4ff7 commit 09077ee

File tree

10 files changed

+66
-141
lines changed

10 files changed

+66
-141
lines changed

‎index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
5-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
5+
<link rel="icon" type="image/svg+xml" href="/logo.png" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>Vite + React + TS</title>
7+
<title>Codevolve Labs</title>
88
</head>
99
<body>
1010
<div id="root"></div>

‎public/logo.png

31.2 KB
Loading

‎public/vite.svg

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎src/App.css

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

‎src/App.tsx

Lines changed: 5 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,10 @@
1-
import { useState } from 'react'
2-
import reactLogo from './assets/react.svg'
3-
import viteLogo from '/vite.svg'
4-
import './App.css'
1+
import { RouterProvider } from "react-router-dom";
2+
import router from "./router";
53

64
function App() {
7-
const [count, setCount] = useState(0)
8-
95
return (
10-
<>
11-
<div>
12-
<a href="https://vite.dev" target="_blank">
13-
<img src={viteLogo} className="logo" alt="Vite logo" />
14-
</a>
15-
<a href="https://react.dev" target="_blank">
16-
<img src={reactLogo} className="logo react" alt="React logo" />
17-
</a>
18-
</div>
19-
<h1>Vite + React</h1>
20-
<div className="card">
21-
<button onClick={() => setCount((count) => count + 1)}>
22-
count is {count}
23-
</button>
24-
<p>
25-
Edit <code>src/App.tsx</code> and save to test HMR
26-
</p>
27-
</div>
28-
<p className="read-the-docs">
29-
Click on the Vite and React logos to learn more
30-
</p>
31-
</>
32-
)
6+
<RouterProvider router={router} />
7+
);
338
}
349

35-
export default App
10+
export default App;

‎src/assets/react.svg

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎src/index.css

Lines changed: 19 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -1,68 +1,30 @@
1-
:root {
2-
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
3-
line-height: 1.5;
4-
font-weight: 400;
1+
@tailwind base;
2+
@tailwind components;
3+
@tailwind utilities;
54

6-
color-scheme: light dark;
7-
color: rgba(255, 255, 255, 0.87);
8-
background-color: #242424;
9-
10-
font-synthesis: none;
11-
text-rendering: optimizeLegibility;
12-
-webkit-font-smoothing: antialiased;
13-
-moz-osx-font-smoothing: grayscale;
14-
}
15-
16-
a {
17-
font-weight: 500;
18-
color: #646cff;
19-
text-decoration: inherit;
20-
}
21-
a:hover {
22-
color: #535bf2;
5+
/* Firefox */
6+
* {
7+
scrollbar-width: thin;
238
}
249

25-
body {
26-
margin: 0;
27-
display: flex;
28-
place-items: center;
29-
min-width: 320px;
30-
min-height: 100vh;
10+
/* Chrome, Edge, and Safari */
11+
*::-webkit-scrollbar {
12+
width: 8px;
13+
background: #eeeeee;
3114
}
3215

33-
h1 {
34-
font-size: 3.2em;
35-
line-height: 1.1;
16+
*::-webkit-scrollbar-track {
17+
border-radius: 5px;
3618
}
3719

38-
button {
39-
border-radius: 8px;
40-
border: 1px solid transparent;
41-
padding: 0.6em 1.2em;
42-
font-size: 1em;
43-
font-weight: 500;
44-
font-family: inherit;
45-
background-color: #1a1a1a;
46-
cursor: pointer;
47-
transition: border-color 0.25s;
48-
}
49-
button:hover {
50-
border-color: #646cff;
51-
}
52-
button:focus,
53-
button:focus-visible {
54-
outline: 4px auto -webkit-focus-ring-color;
20+
*::-webkit-scrollbar-thumb {
21+
background-color: #dfdfdf;
22+
border-radius: 14px;
5523
}
5624

57-
@media (prefers-color-scheme: light) {
58-
:root {
59-
color: #213547;
60-
background-color: #ffffff;
61-
}
62-
a:hover {
63-
color: #747bff;
64-
}
65-
button {
66-
background-color: #f9f9f9;
25+
@layer base {
26+
html {
27+
background-color: white;
28+
color: black;
6729
}
6830
}

‎src/main.tsx

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
1-
import { StrictMode } from 'react'
2-
import { createRoot } from 'react-dom/client'
3-
import './index.css'
4-
import App from './App.tsx'
1+
import React from "react";
2+
import ReactDOM from "react-dom/client";
3+
import App from "./App.tsx";
4+
import "./index.css";
55

6-
createRoot(document.getElementById('root')!).render(
7-
<StrictMode>
6+
ReactDOM.createRoot(document.getElementById("root")!).render(
7+
<React.StrictMode>
88
<App />
9-
</StrictMode>,
10-
)
9+
</React.StrictMode>
10+
);

‎src/pages/Home/index.tsx

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
export default function Home() {
2+
return (
3+
<div className="flex flex-col items-center justify-center min-h-screen bg-gray-100 p-4">
4+
<img
5+
src="/logo.png"
6+
alt="Codevolve Labs Logo"
7+
className="w-20 h-20 sm:w-24 sm:h-24 mb-6 pointer-events-none"
8+
/>
9+
<h1 className="text-3xl sm:text-4xl font-bold mb-4 text-gray-900 text-center">
10+
Welcome to Codevolve Labs
11+
</h1>
12+
<p className="text-lg sm:text-xl text-gray-700 mb-8 text-center">
13+
We offer cutting-edge tech solutions for freelance projects.
14+
</p>
15+
<p className="text-md sm:text-lg text-gray-600 text-center">
16+
Our website is currently under development. Stay tuned for updates!
17+
</p>
18+
<div className="mt-8">
19+
<p className="text-xs sm:text-sm text-gray-500">
20+
© 2024 Codevolve Labs
21+
</p>
22+
</div>
23+
</div>
24+
);
25+
}

‎src/router.tsx

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
import { createBrowserRouter } from "react-router-dom";
2+
3+
import Home from "./pages/Home";
4+
5+
const router = createBrowserRouter([{ path: "/", element: <Home /> }]);
6+
7+
export default router;

0 commit comments

Comments
 (0)