Merge branch 'main' of https://github.com/Riddhi050803/DevDisplay

Author: Riddhi050803

public/data/Riddhi050803.json

@@ -1,7 +1,7 @@
 {
   "name": "Riddhi Rustagi",
   "location": "Delhi, India",
-  "bio": "I’m a passionate Computer Science Engineering student at Indira Gandhi Delhi Technical University for Women (IGDTUW), actively exploring and contributing to the world of web development, open-source, and problem-solving.",
+  "bio": "I'm a passionate Computer Science Engineering student at Indira Gandhi Delhi Technical University for Women (IGDTUW), actively exploring and contributing to the world of web development, open-source, and problem-solving.",
   "avatar": "https://github.com/Riddhi050803.png",
   "portfolio": "https://riddhirustagiportfolio-riddhi050803s-projects.vercel.app/",
   "skills": [
@@ -15,7 +15,9 @@
     "Mongo DB",
     "Express js",
     "Node js",
-    "UI/UX"
+    "UI/UX",
+    "Git",
+    "GitHub"
   ],
   "social": {
     "GitHub": "https://github.com/Riddhi050803",

src/App.js

@@ -5,6 +5,7 @@ import Homepage from './Homepage';
 import Home from './Page/Home.jsx';
 import Opportunities from './Page/Opportunities.jsx';
 import IdeaSubmission from './Page/IdeaSubmission.jsx';
+import PortfolioIdeas from './Page/PortfolioIdeas.jsx';
 import PortfolioBuilder from './Page/PortfolioBuilder.jsx';
 import ProjectShowcase from './Page/ProjectShowcase.jsx';
 import ResumeBuilder from './Page/ResumeBuilder.jsx';
@@ -66,6 +67,7 @@ function App() {
         <Route path="/Home" element={<Home />} />
         <Route path="/Opportunities" element={<Opportunities />} />
         <Route path="/IdeaSubmission" element={<IdeaSubmission />} />
+        <Route path="/PortfolioIdeas" element={<PortfolioIdeas />} />
         <Route path="/PortfolioBuilder" element={<PortfolioBuilder />} />
         <Route path="/ProjectShowcase" element={<ProjectShowcase />} />
         <Route path="/ResumeBuilder" element={<ResumeBuilder />} />

src/Page/Home.jsx

@@ -45,7 +45,7 @@ const TechFeatures = () => {
         </a>
 
         <a
-          href="/resources"
+          href="/Resources"
           className="feature-card block rounded-lg bg-gray-800 p-6 shadow-lg transition duration-300 hover:scale-105 hover:transform hover:bg-gray-700"
         >
           <div className="border border-transparent transition duration-300 hover:border-blue-500">
@@ -75,7 +75,7 @@ const TechFeatures = () => {
         </a>
 
         <a
-          href="/ideas-submission"
+          href="/IdeaSubmission"
           className="feature-card block rounded-lg bg-gray-800 p-6 shadow-lg transition duration-300 hover:scale-105 hover:transform hover:bg-gray-700"
         >
           <div className="border border-transparent transition duration-300 hover:border-blue-500">
@@ -85,7 +85,7 @@ const TechFeatures = () => {
         </a>
 
         <a
-          href="/portfolio-ideas"
+          href="/PortfolioIdeas"
           className="feature-card block rounded-lg bg-gray-800 p-6 shadow-lg transition duration-300 hover:scale-105 hover:transform hover:bg-gray-700"
         >
           <div className="border border-transparent transition duration-300 hover:border-blue-500">
@@ -95,7 +95,7 @@ const TechFeatures = () => {
         </a>
 
         <a
-          href="/portfolio-building"
+          href="/PortfolioBuilder"
           className="feature-card block rounded-lg bg-gray-800 p-6 shadow-lg transition duration-300 hover:scale-105 hover:transform hover:bg-gray-700"
         >
           <div className="border border-transparent transition duration-300 hover:border-blue-500">
@@ -105,7 +105,7 @@ const TechFeatures = () => {
         </a>
 
         <a
-          href="/resume-building"
+          href="/ResumeBuilder"
           className="feature-card block rounded-lg bg-gray-800 p-6 shadow-lg transition duration-300 hover:scale-105 hover:transform hover:bg-gray-700"
         >
           <div className="border border-transparent transition duration-300 hover:border-blue-500">
@@ -116,11 +116,11 @@ const TechFeatures = () => {
       </div>
 
       <a
-        href="/add-features"
+        href="/https://github.com/codeaashu/DevDisplay"
         className="feature-card mt-6 block rounded-lg bg-gray-800 p-6 text-center shadow-lg transition duration-300 hover:scale-105 hover:transform hover:bg-gray-700"
       >
         <div className="border border-transparent transition duration-300 hover:border-blue-500">
-          <h3 className="mb-4 text-2xl font-semibold">Want to Add Features?</h3>
+          <h3 className="mb-4 text-2xl font-semibold">Want to Add New Features?</h3>
           <p>Suggest new features you'd love to see and help shape the tech community.</p>
         </div>
       </a>

src/Page/IdeaSubmission.jsx

@@ -4,38 +4,20 @@ const IdeaSubmissionPage = () => {
   return (
     <div className="min-h-screen bg-gray-100 p-4">
       <header className="bg-blue-600 p-4 text-white">
-        <h1 className="text-2xl font-bold">Idea Submission</h1>
+        <h1 className="text-2xl font-bold">
+          This is the Idea Submission page - Want to Build this page as a contributer
+        </h1>
       </header>
-      <main className="mt-4">
-        <form className="rounded-lg bg-white p-4 shadow">
-          <div className="mb-4">
-            <label className="mb-2 block text-sm font-bold">Title</label>
-            <input type="text" className="w-full rounded-lg border p-2" />
-          </div>
-          <div className="mb-4">
-            <label className="mb-2 block text-sm font-bold">Description</label>
-            <textarea className="w-full rounded-lg border p-2"></textarea>
-          </div>
-          <div className="mb-4">
-            <label className="mb-2 block text-sm font-bold">Tags</label>
-            <input type="text" className="w-full rounded-lg border p-2" />
-          </div>
-          <div className="mb-4">
-            <label className="mb-2 block text-sm font-bold">Category</label>
-            <select className="w-full rounded-lg border p-2">
-              <option>Category 1</option>
-              <option>Category 2</option>
-            </select>
-          </div>
-          <button type="submit" className="rounded-lg bg-blue-500 px-4 py-2">
-            Submit
-          </button>
-        </form>
-        <section className="mt-8">
-          <h2 className="text-xl font-bold">Top Ideas</h2>
-          {/* Add idea cards here */}
-        </section>
-      </main>
+      <h1 className="text-2xl font-bold">Features</h1>
+      <h1>
+        Add a features in this page where every user can submit their project idea and add a voting or like feature on
+        every ideas.
+      </h1>
+      <hr />
+      <h1>
+        After that add a voting or liking on every project idea where user can like and vote for trending the project
+        idea - like this website (https://peerlist.io/projects){' '}
+      </h1>
     </div>
   );
 };

src/Page/PortfolioBuilder.jsx

@@ -4,35 +4,22 @@ const PortfolioBuilderPage = () => {
   return (
     <div className="min-h-screen bg-gray-100 p-4">
       <header className="bg-blue-600 p-4 text-white">
-        <h1 className="text-2xl font-bold">Portfolio Builder</h1>
+        <h1 className="text-2xl font-bold">
+          This is the Portfoio Building page - Want to Build this page as a contributer
+        </h1>
       </header>
-      <main className="mt-4">
-        <form className="rounded-lg bg-white p-4 shadow">
-          <div className="mb-4">
-            <label className="mb-2 block text-sm font-bold">Skills</label>
-            <input type="text" className="w-full rounded-lg border p-2" />
-          </div>
-          <div className="mb-4">
-            <label className="mb-2 block text-sm font-bold">Experience</label>
-            <input type="text" className="w-full rounded-lg border p-2" />
-          </div>
-          <div className="mb-4">
-            <label className="mb-2 block text-sm font-bold">Projects</label>
-            <input type="text" className="w-full rounded-lg border p-2" />
-          </div>
-          <div className="mb-4">
-            <label className="mb-2 block text-sm font-bold">Education</label>
-            <input type="text" className="w-full rounded-lg border p-2" />
-          </div>
-          <button type="submit" className="rounded-lg bg-blue-500 px-4 py-2">
-            Publish Portfolio
-          </button>
-        </form>
-        <section className="mt-8">
-          <h2 className="text-xl font-bold">Template Selection</h2>
-          {/* Add template selection here */}
-        </section>
-      </main>
+      <h1 className="text-2xl font-bold">Features</h1>
+      <h1>
+        Add a portfolio builder where developer can build portfolio without coding just they fill thier information and
+        portfolio will be ready
+      </h1>
+      <hr />
+      <h1 className="text-2xl font-bold">Take help by this 👇🏻</h1>
+      <h1>
+        Portfolio building inspiration 1--- https://angstrom.vercel.app/ --- and thier source code ---
+        https://github.com/Ujjwal2327/Angstrom
+      </h1>
+      <h1>Portfolio building inspiration 2 --- https://portfoliobuilder.vercel.app/</h1>
     </div>
   );
 };

src/Page/PortfolioIdeas.jsx

@@ -0,0 +1,26 @@
+import React from 'react';
+
+const ProjectsPage = () => {
+  return (
+    <div className="min-h-screen bg-gray-100 p-4">
+      <header className="bg-blue-600 p-4 text-white">
+        <h1 className="text-2xl font-bold">
+          This is the Portfolio Ideas page - Want to Build this page as a contributer
+        </h1>
+      </header>
+      <h1 className="text-2xl font-bold">Features</h1>
+      <h1>
+        Add a features in this page where developer can showcase their portfolio - Develoepr first add their portfolio
+        through the open source contribution and then the portfolio are showcasing here
+      </h1>
+      <hr />
+      <h1 className="text-2xl font-bold">Take help by this 👇🏻</h1>
+      <h1>
+        Project adding inspiration --- https://portfolio-ideas.vercel.app/ --- and thier source code ---
+        https://github.com/Evavic44/portfolio-ideas
+      </h1>
+    </div>
+  );
+};
+
+export default ProjectsPage;

src/Page/ResumeBuilder.jsx

@@ -4,35 +4,18 @@ const ResumeBuilderPage = () => {
   return (
     <div className="min-h-screen bg-gray-100 p-4">
       <header className="bg-blue-600 p-4 text-white">
-        <h1 className="text-2xl font-bold">Resume Builder</h1>
+        <h1 className="text-2xl font-bold">
+          This is the Resume Building page - Want to Build this page as a contributer
+        </h1>
       </header>
-      <main className="mt-4">
-        <form className="rounded-lg bg-white p-4 shadow">
-          <div className="mb-4">
-            <label className="mb-2 block text-sm font-bold">Personal Details</label>
-            <input type="text" className="w-full rounded-lg border p-2" />
-          </div>
-          <div className="mb-4">
-            <label className="mb-2 block text-sm font-bold">Skills</label>
-            <input type="text" className="w-full rounded-lg border p-2" />
-          </div>
-          <div className="mb-4">
-            <label className="mb-2 block text-sm font-bold">Experience</label>
-            <input type="text" className="w-full rounded-lg border p-2" />
-          </div>
-          <div className="mb-4">
-            <label className="mb-2 block text-sm font-bold">Education</label>
-            <input type="text" className="w-full rounded-lg border p-2" />
-          </div>
-          <button type="submit" className="rounded-lg bg-blue-500 px-4 py-2">
-            Download PDF
-          </button>
-        </form>
-        <section className="mt-8">
-          <h2 className="text-xl font-bold">Template Selection</h2>
-          {/* Add template selection here */}
-        </section>
-      </main>
+      <h1 className="text-2xl font-bold">Features</h1>
+      <h1>
+        Add a Resume builder where resume template is already available user just fill the info and resume will be ready
+      </h1>
+      <hr />
+      <h1 className="text-2xl font-bold">Take help by this 👇🏻</h1>
+      <h1>Resume building inspiration 1--- https://github.com/codeaashu/Resume-Builder</h1>
+      <h1>Resume building inspiration 2 --- https://github.com/DeveloperAshish8/rezume</h1>
     </div>
   );
 };