Skip to content

Commit 5d56adb

Browse files
debojitsahadebojitsaha
committed
Merge branch 'projects'
2 parents 50355e7 + da34a88 commit 5d56adb

File tree

9 files changed

+897
-22
lines changed

9 files changed

+897
-22
lines changed

‎src/components/ProjectCard/ProjectCard.jsx

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
import React from 'react';
2+
import "./ProjectCard.scss"
3+
// @ts-ignore
4+
import gdscLogo from "../../assets/woc.svg"
5+
import { useNavigate } from 'react-router-dom';
6+
const ProjectCard = ({data}) => {
7+
8+
const navigate = useNavigate();
9+
const handleClick = () => {
10+
navigate(`/${data.organization}/projects`,{ state: { cardData: data } })
11+
}
12+
return (
13+
<div className='single-card-container'>
14+
<img src={gdscLogo} alt="" />
15+
<div className='single-card-description'>
16+
<h2>{data.organization}</h2>
17+
<p>{data.noOfProjects} projects</p>
18+
<button onClick={handleClick}>View Details</button>
19+
</div>
20+
21+
</div>
22+
);
23+
}
24+
25+
export default ProjectCard;

‎src/components/ProjectCard/ProjectCard.scss

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
.single-card-container {
2+
display: flex;
3+
flex-direction: column;
4+
border-radius: 8px;
5+
overflow: hidden;
6+
margin: 16px;
7+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
8+
background-color: white;
9+
min-height: 300px;
10+
max-height: 300px;
11+
img {
12+
width: 100%;
13+
height: 50%;
14+
}
15+
16+
.single-card-description {
17+
padding: 16px;
18+
display: flex;
19+
flex-direction: column;
20+
justify-content: center;
21+
align-items: center;
22+
h2 {
23+
font-size: 1.5rem;
24+
margin-bottom: 8px;
25+
color: #555;
26+
}
27+
28+
p {
29+
font-size: 1rem;
30+
color: #555;
31+
}
32+
33+
button {
34+
border: 1px solid #3498db;
35+
background-color: white;
36+
color: black;
37+
padding: 8px 16px;
38+
border-radius: 4px;
39+
cursor: pointer;
40+
transition: background-color 0.3s ease;
41+
margin-top: 1rem;
42+
&:hover {
43+
background-color: #2980b9;
44+
color: white;
45+
}
46+
}
47+
}
48+
}

‎src/constants/projectData.js

Lines changed: 170 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,170 @@
1+
// @ts-ignore
2+
import logo from "../assets/wocLogo1.png"
3+
const newProjectData = [
4+
{
5+
organization: 'GDSC NSEC',
6+
imageUrl:{logo},
7+
projects: [
8+
{
9+
id: 1,
10+
name: "Moksh",
11+
students: 5,
12+
codeLink: "https://github.com/akshitagupta15june/Moksh",
13+
techStack: ["OpenCV", "ML", "HTML", "CSS", "JS", "Reactjs"],
14+
description: `Moksh is a spiritual productivity tool designed for individuals who want to unlock their potential and
15+
achieve true balance in life. Our customized spiritual features help you take control of your work, focus
16+
on what truly matters, and rejuvenate your mind and spirit. By reading Bhagavad Gita, we become soul
17+
conscious and gain the strength to fight life's challenges. With Moksh, you can overcome the mental
18+
problems that arise from our body consciousness and find true happiness.
19+
This platform will help engineers, students, office workers to cope up with stressful environments.
20+
`,
21+
mentor: [{
22+
name: "Akshita Gupta",
23+
linkedin: "https://www.linkedin.com/in/akshita-gupta-a4a895187",
24+
},],
25+
},
26+
{
27+
id: 2,
28+
name: "face-X",
29+
students: 5,
30+
codeLink: "https://github.com/akshitagupta15june/Face-X",
31+
techStack: ["OpenCV", "ML", "HTML", "CSS", "JS", "Reactjs"],
32+
description: `Face-X is a comprehensive repository of algorithms and operations related to facial recognition, which
33+
includes a range of functionalities from facial filters, image processing, face mask detection, and facial
34+
attendance systems to animated emotions and facial cartoonification. It encompasses all the possible
35+
operations that can be performed on the frontal human face, making it a versatile platform for facial related tasks.
36+
`,
37+
mentor: [{
38+
name: "Akshita Gupta",
39+
linkedin: "https://www.linkedin.com/in/akshita-gupta-a4a895187",
40+
},],
41+
},
42+
{
43+
id: 3,
44+
name: "PetMe",
45+
students: 5,
46+
codeLink: "https://github.com/akshitagupta15june/PetMe",
47+
techStack: ["OpenCV", "ML", "HTML", "CSS", "JS", "Reactjs"],
48+
description: `PetMe is an all-in-one platform that allows animals to be adopted, donated to pet lovers, and provides
49+
emergency medical care to stray animals in need.
50+
Our mission is to provide a platform that connects animal lovers with pets in need of a forever home,
51+
while also providing emergency medical care for stray animals in distress. We strive to make a
52+
difference in the lives of these innocent creatures by offering options to Adopt, Donate and through our
53+
SOS feature Report stray animals in need of immediate assistance. Together, we can create a better
54+
world for all animals.
55+
`,
56+
mentor: [{
57+
name: "Akshita Gupta",
58+
linkedin: "https://www.linkedin.com/in/akshita-gupta-a4a895187",
59+
},],
60+
},
61+
{
62+
id: 4,
63+
name: `Hedging of financial Derivatives`,
64+
students: 5,
65+
codeLink: "https://github.com/Akshat111111/Hedging-of-Financial-Derivatives",
66+
techStack: ["Financial Programming", "Fintech", " Machine Learning", "Deep Learning"],
67+
description: `A Hedging is a market neutral trading strategy enabling traders to profit
68+
from virtually any market conditions: uptrend, downtrend, or sideways
69+
movement. This strategy is categorized as a statistical arbitrage and
70+
convergence trading strategy.
71+
72+
`,
73+
mentor: [{
74+
name: "Akshat Sharma",
75+
linkedin: "https://www.linkedin.com/in/akshat-sharma11/",
76+
},],
77+
},
78+
{
79+
id: 5,
80+
name: "GeoWellAdvisor",
81+
students: 5,
82+
codeLink: "https://github.com/047pegasus/GeoWellAdvisor",
83+
techStack: ["Backend ", "DevOps"],
84+
description: `GeoWell Advisor is a powerful tool designed to help users determine the feasibility of digging a well at a specific location. Whether you are a farmer, a land developer, or simply someone interested in exploring groundwater resources, GeoWell Advisor provides you with essential information and insights to make informed decisions about well placement.
85+
`,
86+
mentor: [{
87+
name: "Tanishq Agarwal",
88+
linkedin: "https://www.linkedin.com/in/tanishq047/",
89+
},],
90+
},
91+
{
92+
id: 6,
93+
name: "DoodleCollab",
94+
students: 5,
95+
codeLink: " https://github.com/WikiPortal/DoodleCollab",
96+
techStack: ["Software Development"],
97+
description: `DoodleCollab is a cutting-edge application designed to transform the way we collaborate, offering an
98+
unparalleled whiteboard and sharing experience. Developed using the powerful ReactJS framework, our
99+
app seamlessly combines intuitive design with advanced functionalities to enhance your collaborative
100+
efforts.
101+
102+
`,
103+
mentor: [{
104+
name: "Jyotirmoy Roy",
105+
linkedin: "https://www.linkedin.com/in/jyotirmoyroy69/",
106+
},],
107+
},
108+
{
109+
id: 7,
110+
name: "Acme Rockets",
111+
students: 7,
112+
codeLink: " https://github.com/Jagroop2001/AcmeRockets",
113+
techStack: ["HTML", "Tailwind CSS", "CSS", "JS", "Reactjs"],
114+
description: `Welcome to the AcmeRockets project! This repository houses the codebase for a captivating static website dedicated to showcasing the innovative rocket-powered products of Acme Rockets. Whether you're an aerospace enthusiast or a curious visitor, this project aims to deliver an immersive experience with its dynamic content and responsive design.
115+
`,
116+
mentor: [{
117+
name: "Jagroop",
118+
linkedin: "https://www.linkedin.com/in/jagroop-singh-3a2a401b4/",
119+
},],
120+
},
121+
{
122+
id: 8,
123+
name: "Pages : A book shop landing page ",
124+
students: 7,
125+
codeLink: "https://github.com/Jagroop2001/Pages-A-Book-Shop-Website",
126+
techStack: ["HTML", "Bootstrap", "CSS"],
127+
description: `I created Pages-A-Book-Shop-Website, a stylish and user-friendly landing page tailored for book enthusiasts. The site, crafted using HTML, Bootstrap, and CSS, ensures a seamless browsing experience. It features a diverse book catalog, intuitive navigation, and responsive design. The GitHub repository here offers transparency and collaboration. As the project's mentor, I oversee its development; connect with me on LinkedIn for insights. Immerse yourself in the world of literature with Pages-A-Book-Shop-Website today
128+
`,
129+
mentor: [{
130+
name: "Jagroop",
131+
linkedin: "https://www.linkedin.com/in/jagroop-singh-3a2a401b4/",
132+
},],
133+
},
134+
{
135+
id: 9,
136+
name: "NASA Rocket project",
137+
students: 7,
138+
codeLink: " https://github.com/Jagroop2001/nasa-project-fullstack",
139+
techStack: ["Node", "MongoDb", "Express", "Reactjs"],
140+
description: `Fullstack application for controlling space missions and enabling seamless exploration beyond our planet. 🌌🛰
141+
Build with Node.js and React Application, a powerful combination for building dynamic and scalable web applications with seamless server-side functionality.
142+
`,
143+
mentor: [{
144+
name: "Jagroop",
145+
linkedin: "https://www.linkedin.com/in/jagroop-singh-3a2a401b4/",
146+
},],
147+
},
148+
{
149+
id: 10,
150+
name: "Music Player App",
151+
students: 7,
152+
codeLink: " https://github.com/Jagroop2001/music-player ",
153+
techStack: ["Vue js"],
154+
description: ` This is a simple music player frontend project created using Vuejs
155+
156+
`,
157+
mentor: [{
158+
name: "Jagroop",
159+
linkedin: "https://www.linkedin.com/in/jagroop-singh-3a2a401b4/",
160+
},],
161+
},
162+
],
163+
noOfProjects: 10,
164+
},
165+
166+
167+
168+
169+
]
170+
export default newProjectData;

‎src/main.jsx

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ import { RouterProvider, createHashRouter } from "react-router-dom";
66
import NotFound404 from "utils/NotFound404/NotFound404.jsx";
77
import Home from "pages/Home/Home.jsx";
88
import Team from "pages/Team/Team.jsx";
9+
import Organisation from "pages/Organisation/Organisation.jsx";
910
import MainLayout from "components/Layout/MainLayout.jsx";
1011
import Coc from "pages/Coc/Coc.jsx";
1112

@@ -26,6 +27,10 @@ const routes = [
2627
path: "/coc",
2728
element: <Coc />,
2829
},
30+
{
31+
path: "/:organisation/:projects",
32+
element: <Organisation />,
33+
}
2934
],
3035
},
3136
{

‎src/pages/Home/Home.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ const Home = () => {
2121
<Sponsors />
2222
<Community />
2323
<Apply />
24-
{/* <Projects /> */}
24+
<Projects />
2525
<Timeline />
2626
<FAQ />
2727
</div>

0 commit comments

Comments
 (0)