Skip to content

Commit 6ac3f4f

Browse files
tahonitahoni
committed
Initial working version
1 parent 0aef17e commit 6ac3f4f

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

54 files changed

+1598
-311
lines changed

‎.idea/.gitignore

-8
This file was deleted.

‎.idea/inspectionProfiles/Project_Default.xml

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

‎index.html

+22-10
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,25 @@
11
<!doctype html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>Vite + React + TS</title>
8-
</head>
9-
<body>
10-
<div id="root"></div>
11-
<script type="module" src="/src/main.tsx"></script>
12-
</body>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
7+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
8+
<link rel="icon" type="image/png" sizes="32x32" href="/android-chrome-192x192.png" />
9+
<link rel="icon" type="image/png" sizes="16x16" href="/android-chrome-192x192.png" />
10+
<link rel="manifest" href="/site.webmanifest" />
11+
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
12+
<meta name="msapplication-TileColor" content="#ffc40d" />
13+
<meta name="theme-color" content="#ffffff" />
14+
15+
<title>tahoni</title>
16+
<meta name="author" content="tahoni" />
17+
<meta name="description" content="My Coding Journey" />
18+
<meta name="keywords" content="Leoni Lubbinge" />
19+
</head>
20+
21+
<body>
22+
<div id="root"></div>
23+
<script type="module" src="/src/main.tsx"></script>
24+
</body>
1325
</html>

‎package-lock.json

+680-149
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+12-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "tahoni-web-vite",
33
"private": true,
4-
"version": "0.0.0",
4+
"version": "1.0.0",
55
"type": "module",
66
"scripts": {
77
"dev": "vite",
@@ -10,18 +10,28 @@
1010
"preview": "vite preview"
1111
},
1212
"dependencies": {
13+
"bootstrap": "^5.3.3",
1314
"react": "^18.3.1",
14-
"react-dom": "^18.3.1"
15+
"react-bootstrap": "^2.10.4",
16+
"react-dom": "^18.3.1",
17+
"react-redux": "^9.1.2",
18+
"react-router": "^6.24.1",
19+
"react-router-dom": "^6.24.1",
20+
"react-slick": "^0.30.2",
21+
"react-spinners": "^0.14.1",
22+
"slick-carousel": "^1.8.1"
1523
},
1624
"devDependencies": {
1725
"@types/react": "^18.3.3",
1826
"@types/react-dom": "^18.3.0",
27+
"@types/react-slick": "^0.23.13",
1928
"@typescript-eslint/eslint-plugin": "^7.13.1",
2029
"@typescript-eslint/parser": "^7.13.1",
2130
"@vitejs/plugin-react": "^4.3.1",
2231
"eslint": "^8.57.0",
2332
"eslint-plugin-react-hooks": "^4.6.2",
2433
"eslint-plugin-react-refresh": "^0.4.7",
34+
"sass": "^1.77.7",
2535
"typescript": "^5.2.2",
2636
"vite": "^5.3.1"
2737
}

‎public/_redirects

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
/* /index.html 200

‎public/android-chrome-192x192.png

8.41 KB
Loading

‎public/android-chrome-512x512.png

7.55 KB
Loading

‎public/apple-touch-icon.png

2.64 KB
Loading

‎public/browserconfig.xml

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<browserconfig>
3+
<msapplication>
4+
<tile>
5+
<square150x150logo src="/mstile-150x150.png"/>
6+
<TileColor>#ffffff</TileColor>
7+
</tile>
8+
</msapplication>
9+
</browserconfig>

‎public/favicon.svg

+70
Loading

‎public/mstile-150x150.png

2.67 KB
Loading

‎public/safari-pinned-tab.svg

+32
Loading

‎public/site.webmanifest

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
{
2+
"name": "tahoni *****",
3+
"short_name": "tahoni",
4+
"icons": [
5+
{
6+
"src": "/android-chrome-192x192.png",
7+
"sizes": "192x192",
8+
"type": "image/png"
9+
},
10+
{
11+
"src": "/android-chrome-512x512.png",
12+
"sizes": "512x512",
13+
"type": "image/png"
14+
}
15+
],
16+
"theme_color": "#ffffff",
17+
"background_color": "#ffffff",
18+
"display": "standalone"
19+
}

‎public/vite.svg

-1
This file was deleted.

‎src/App.css

-42
This file was deleted.

‎src/App.scss

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
@import "bootstrap/scss/bootstrap";
2+
@import "slick-carousel/slick/slick";
3+
@import "slick-carousel/slick/slick-theme";
4+
@import "assets/stylesheets/styles";
5+
6+
.app {
7+
height: 100%;
8+
width: 100%;
9+
}

‎src/App.tsx

+20-29
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,26 @@
1-
import { useState } from 'react'
2-
import reactLogo from './assets/react.svg'
3-
import viteLogo from '/vite.svg'
4-
import './App.css'
5-
6-
function App() {
7-
const [count, setCount] = useState(0)
1+
import {ReactElement} from 'react'
2+
import {Route, Routes} from "react-router";
3+
import {Breakpoints} from "./layout/breakpoints/breakpoints.tsx";
4+
import {MaskOverlay} from "./components/common/overlay/overlay.tsx";
5+
import {Loader} from "./components/common/loader/loader.tsx";
6+
import {Layout} from "./layout/layout.tsx";
7+
import {HomePage} from "./pages/home-page.tsx";
8+
import './App.scss'
89

10+
function App(): ReactElement {
911
return (
10-
<>
11-
<div>
12-
<a href="https://vitejs.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>
12+
<div id="app" className="app">
13+
<Routes>
14+
<Route element={<Layout/>}>
15+
<Route path="/" element={<HomePage/>}/>
16+
<Route path="*" element={<HomePage/>}/>
17+
</Route>
18+
</Routes>
19+
<Breakpoints/>
20+
<MaskOverlay mask={false}/>
21+
<Loader isLoading={false}/>
2722
</div>
28-
<p className="read-the-docs">
29-
Click on the Vite and React logos to learn more
30-
</p>
31-
</>
3223
)
3324
}
3425

35-
export default App
26+
export default App;

‎src/assets/images/icons/tahoni-cropped.png

12.7 KB
Loading

‎src/assets/images/icons/tahoni-icon-192x192.png

9.14 KB
Loading

‎src/assets/images/icons/tahoni-icon-512x512.png

11.3 KB
Loading

‎src/assets/images/icons/tahoni-icon.png

4.25 KB
Loading

0 commit comments

Comments
 (0)