Single project route

Author: realstoman

src/App.js

@@ -6,6 +6,7 @@ import Home from './pages/Home';
 import About from './pages/AboutMe';
 import Projects from './pages/Projects';
 import Contact from './pages/Contact';
+import ProjectSingle from './pages/ProjectSingle';
 
 function App() {
 	return (
@@ -15,6 +16,11 @@ function App() {
 				<Routes>
 					<Route path="/" element={<Home />} />
 					<Route path="projects" element={<Projects />} />
+					<Route
+						path="projects/single-project"
+						element={<ProjectSingle />}
+					/>
+
 					<Route path="about" element={<About />} />
 					<Route path="contact" element={<Contact />} />
 				</Routes>

src/components/ProjectsGrid.js

@@ -94,7 +94,7 @@ const ProjectsGrid = () => {
 				:key="project.id"
 				:project="project"
 			/> */}
-				<ProjectSingle></ProjectSingle>
+				<ProjectSingle />
 			</div>
 			{/* Projects grid end */}
 		</section>

src/pages/ProjectSingle.js

@@ -0,0 +1,9 @@
+const ProjectSingle = () => {
+	return (
+		<div className="container mx-auto sm:flex py-5 sm:py-10 mt-5 sm:mt-10">
+			<h1>This is the single page</h1>
+		</div>
+	);
+};
+
+export default ProjectSingle;