diff --git a/frontend/package-lock.json b/frontend/package-lock.json index fb9c8e6..b45677a 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -59,7 +59,6 @@ "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@babel/code-frame": "^7.29.0", "@babel/generator": "^7.29.0", @@ -1224,7 +1223,6 @@ "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==", "devOptional": true, "license": "MIT", - "peer": true, "dependencies": { "csstype": "^3.2.2" } @@ -1277,7 +1275,6 @@ "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==", "dev": true, "license": "MIT", - "peer": true, "bin": { "acorn": "bin/acorn" }, @@ -1403,7 +1400,6 @@ } ], "license": "MIT", - "peer": true, "dependencies": { "baseline-browser-mapping": "^2.9.0", "caniuse-lite": "^1.0.30001759", @@ -1857,7 +1853,6 @@ "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@eslint-community/eslint-utils": "^4.8.0", "@eslint-community/regexpp": "^4.12.1", @@ -3000,7 +2995,6 @@ "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz", "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==", "license": "MIT", - "peer": true, "engines": { "node": ">=12" }, @@ -3070,7 +3064,6 @@ "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz", "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==", "license": "MIT", - "peer": true, "engines": { "node": ">=0.10.0" } @@ -3080,7 +3073,6 @@ "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz", "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==", "license": "MIT", - "peer": true, "dependencies": { "scheduler": "^0.27.0" }, @@ -3100,7 +3092,6 @@ "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.2.0.tgz", "integrity": "sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==", "license": "MIT", - "peer": true, "dependencies": { "@types/use-sync-external-store": "^0.0.6", "use-sync-external-store": "^1.4.0" @@ -3191,8 +3182,7 @@ "version": "5.0.1", "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz", "integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==", - "license": "MIT", - "peer": true + "license": "MIT" }, "node_modules/redux-thunk": { "version": "3.1.0", @@ -3476,7 +3466,6 @@ "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.3.tgz", "integrity": "sha512-B9ifbFudT1TFhfltfaIPgjo9Z3mDynBTJSUYxTjOQruf/zHH+ezCQKcoqO+h7a9Pw9Nm/OtlXAiGT1axBgwqrQ==", "license": "MIT", - "peer": true, "dependencies": { "lightningcss": "^1.32.0", "picomatch": "^4.0.4", @@ -3601,7 +3590,6 @@ "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==", "dev": true, "license": "MIT", - "peer": true, "funding": { "url": "https://github.com/sponsors/colinhacks" } diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx index 3d82063..c21778a 100644 --- a/frontend/src/App.jsx +++ b/frontend/src/App.jsx @@ -24,7 +24,8 @@ import GitHubIntelligencePage from "./pages/GitHubIntelligencePage"; import GitHubCallbackPage from "./pages/GitHubCallbackPage"; import ProtectedRoute from "./components/shared/ProtectedRoute"; import PublicRoute from "./components/shared/PublicRoute"; -import FAQSection from "./components/explore/FAQSection"; +import FAQpage from "./pages/FAQpage"; + export default function App() { return ( @@ -80,6 +81,7 @@ export default function App() { } /> + } /> {/* GitHub OAuth callback — must be public, no auth required */} } /> @@ -101,6 +103,8 @@ export default function App() { /> } /> } /> + } /> } /> diff --git a/frontend/src/pages/FAQpage.jsx b/frontend/src/pages/FAQpage.jsx new file mode 100644 index 0000000..38f1edd --- /dev/null +++ b/frontend/src/pages/FAQpage.jsx @@ -0,0 +1,192 @@ +import {useState} from "react"; + +const faq_data=[ + { + category: "GENERAL", + ques: "What is CodeLens?", + answer: " CodeLens is basically a developer platform. CodeLens aggregates your GitHub, LeetCode, and Codeforces data into a single AI-powered command center that tells you exactly what to learn next.", + }, + { + category: "GENERAL", + ques: "How does CodeLens help developers?", + answer: " It helps users track coding progress, analyze profiles, explore various contests, and improve problem-solving consistency across multiple coding platforms", + }, + { + category: "GENERAL", + ques: "What are different platforms integrated with CodeLens?", + answer: "CodeLens currently supports integrations and tracking with platforms like LeetCode, Codeforces , CodeChef, Git and GitHub", + }, + { + category: "TOOLS", + ques: "Which type of tools are provided?", + answer: "CodeLens offers AI-powered developer tools", + }, + { + category: "TOOLS", + ques: "What is Vela AI used for?", + answer: "Vela AI helps developers receive intelligent coding guidance, recommendations, and assistance inside the CodeLens platform.", + }, + { + category:"TOOLS", + ques: "How does Apex AI improve coding preparation?", + answer: "Apex AI analyzes user activity and provides insights , recommendations, and learning assistance for competitive programming improvement.", + }, + { + category: "CONTESTS", + ques: "Can I track upcoming coding contests on CodeLens?", + answer: "Yes. CodeLens provides contest tracking for multiple competitive programming platform in one centralized interface.", + }, + { + category: "CONTESTS", + ques: "Does CodeLens support contests for beginners?", + answer: "Yes. CodeLens tracks contests suitable for both beginners and experienced competitive programmers across multiple platforms." + }, + { + category: "CONTESTS", + ques: "Can users receive reminders for upcoming contests?", + answer: "CodeLens helps users stay informed about upcoming contests so they never miss important competitive programming events." + }, + { + category: "DASHBOARD", + ques: "What kind of insights does the dashboard provide? ", + answer: "The dashboard provides insights into coding activity, platform statistics, problem-solving progress, and overall performance across integrated platforms in one place.", + }, + { + category: "DASHBOARD", + ques: "Does the dashboard update coding statistics automatically?", + answer: "The dashboard regularly updates coding statistics and activity from connected platforms to keep progress insights accurate." + }, + { + category: "DASHBOARD", + ques: "Can the dashboard help identify weak areas in coding preparation?", + answer: "Yes. The dashboard helps users analyze performance trends and identify areas where additional practice may be needed." + }, +]; + +export default function FAQpage(){ + +const [selectedCategory, setSelectedCategory] = useState("GENERAL"); +const[openQuestion, setOpenQuestion]=useState(null); + + return( +
+

+ FREQUENTLY ASKED QUESTIONS +

+

+ Find answers about CodeLens: tools, contests, accounts and features +

+ +
+ + + + + + +
+ +
+ {faq_data + .filter((item)=> item.category===selectedCategory) + .map((item,index)=>( +
+ setOpenQuestion( + openQuestion ===index?null:index + ) + } + className="border rounded-2xl p-5 cursor-pointer hover:shadow-lg transition-all duration-300" + > + + + +
{ + if(e.key === "Enter" || e.key === " "){ + setOpenQuestion(openQuestion===index?null:index); + } + }} + > +
+

+ {item.ques} +

+ + {openQuestion===index?"-":"+"} + +
+ + {openQuestion ===index &&( +

+ {item.answer} +

+ + )} +
+ +
+ + ))} +
+
+ + ); +}; + + diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..2117515 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,6 @@ +{ + "name": "CodeLens-GSSoC-", + "lockfileVersion": 3, + "requires": true, + "packages": {} +}