diff --git a/src/App.css b/src/Route/Index/Index.css
similarity index 100%
rename from src/App.css
rename to src/Route/Index/Index.css
diff --git a/src/App.jsx b/src/Route/Index/Index.jsx
similarity index 65%
rename from src/App.jsx
rename to src/Route/Index/Index.jsx
index 1f473a8..747c5f6 100644
--- a/src/App.jsx
+++ b/src/Route/Index/Index.jsx
@@ -1,7 +1,7 @@
import { Link } from 'react-router-dom';
-import './App.css';
-import charts from './charts.json';
-import Chart from './Components/chart/chart';
+import './Index.css';
+import charts from './../../charts.json';
+import Chart from './../../Components/chart/chart';
function App() {
return (
@@ -9,7 +9,7 @@ function App() {
{charts.map((item, index) => {
return (
-
+
)
diff --git a/src/Route/Score/Score.css b/src/Route/Score/Score.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/Route/Score/Score.jsx b/src/Route/Score/Score.jsx
new file mode 100644
index 0000000..150d1aa
--- /dev/null
+++ b/src/Route/Score/Score.jsx
@@ -0,0 +1,16 @@
+import { Link } from 'react-router-dom';
+import { useParams } from 'react-router-dom';
+import './Score.css';
+
+function Score() {
+ const { chartId } = useParams();
+
+
+ return (
+
+ {chartId}
+
+ );
+}
+
+export default Score;
diff --git a/src/main.jsx b/src/main.jsx
index 8685715..e22be4c 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -1,7 +1,8 @@
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
-import App from './App';
+import App from './Route/Index/Index';
+import Score from './Route/Score/Score';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
@@ -10,6 +11,7 @@ const Routing = () => {
} />
+ } />
)