diff --git a/src/components/CppProjects.jsx b/src/components/CppProjects.jsx
index 1f17804..485481e 100644
--- a/src/components/CppProjects.jsx
+++ b/src/components/CppProjects.jsx
@@ -7,8 +7,8 @@ import * as Cppdata from "@/data/cppdata.js";
 function CppProjects() {
   return (
     <section id="cpp-projects" className="cpp-projectsContainer">
-    <h2>This is projects area title</h2>
-    <p>This be some projects</p>
+    <h3>This is cpp projects area title</h3>
+    <p>This be some cpp projects</p>
     </section>
   );
 };
diff --git a/src/components/Projects.jsx b/src/components/Projects.jsx
index 9ad7761..34d217c 100644
--- a/src/components/Projects.jsx
+++ b/src/components/Projects.jsx
@@ -4,14 +4,15 @@ import "@/components/WebProjects";
 import "@/components/CppProjects";
 import WebProjects from "./WebProjects";
 import CppProjects from "./CppProjects";
+import { useProjectContext } from "@/context/ProjectContext";
 
 
 function Projects() {
+  const { typeProject, setTypeProject } = useProjectContext();
   return (
     <article id="projects" className="projectsContainer">
-      
-      <WebProjects />
-      <CppProjects />
+      {typeProject === "web" && <WebProjects />}
+      {typeProject === "cpp" && <CppProjects />}
     </article>
   );
 };
diff --git a/src/components/WebProjects.jsx b/src/components/WebProjects.jsx
index 6e726d1..a0a9419 100644
--- a/src/components/WebProjects.jsx
+++ b/src/components/WebProjects.jsx
@@ -3,12 +3,11 @@ import "@/styles/projects.css";
 import * as Webdata from "@/data/webdata.js";
 
 
-
 function WebProjects() {
   return (
     <section id="webprojects" className="webprojectsContainer">
-    <h2>This is projects area title</h2>
-    <p>This be some projects</p>
+    <h3>This is Web projects area title</h3>
+    <p>This be some web projects</p>
     </section>
   );
 };
diff --git a/src/context/projectcontext.jsx b/src/context/ProjectContext.jsx
similarity index 74%
rename from src/context/projectcontext.jsx
rename to src/context/ProjectContext.jsx
index 8f747bf..5df8747 100644
--- a/src/context/projectcontext.jsx
+++ b/src/context/ProjectContext.jsx
@@ -6,9 +6,9 @@ import { createContext, useState, useContext } from "react";
 const ProjectContext = createContext();
 
 export default function ProjectContextProvider({ children }) {
-
+  const [typeProject, setTypeProject] = useState("web");
   return (
-    <ProjectContext.Provider value = {{}}>
+    <ProjectContext.Provider value = {{typeProject, setTypeProject}}>
     {children}
     </ProjectContext.Provider>
   );