-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
9 changed files
with
897 additions
and
22 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| import React from 'react'; | ||
| import "./ProjectCard.scss" | ||
| // @ts-ignore | ||
| import gdscLogo from "../../assets/woc.svg" | ||
| import { useNavigate } from 'react-router-dom'; | ||
| const ProjectCard = ({data}) => { | ||
|
|
||
| const navigate = useNavigate(); | ||
| const handleClick = () => { | ||
| navigate(`/${data.organization}/projects`,{ state: { cardData: data } }) | ||
| } | ||
| return ( | ||
| <div className='single-card-container'> | ||
| <img src={gdscLogo} alt="" /> | ||
| <div className='single-card-description'> | ||
| <h2>{data.organization}</h2> | ||
| <p>{data.noOfProjects} projects</p> | ||
| <button onClick={handleClick}>View Details</button> | ||
| </div> | ||
|
|
||
| </div> | ||
| ); | ||
| } | ||
|
|
||
| export default ProjectCard; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,48 @@ | ||
| .single-card-container { | ||
| display: flex; | ||
| flex-direction: column; | ||
| border-radius: 8px; | ||
| overflow: hidden; | ||
| margin: 16px; | ||
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); | ||
| background-color: white; | ||
| min-height: 300px; | ||
| max-height: 300px; | ||
| img { | ||
| width: 100%; | ||
| height: 50%; | ||
| } | ||
|
|
||
| .single-card-description { | ||
| padding: 16px; | ||
| display: flex; | ||
| flex-direction: column; | ||
| justify-content: center; | ||
| align-items: center; | ||
| h2 { | ||
| font-size: 1.5rem; | ||
| margin-bottom: 8px; | ||
| color: #555; | ||
| } | ||
|
|
||
| p { | ||
| font-size: 1rem; | ||
| color: #555; | ||
| } | ||
|
|
||
| button { | ||
| border: 1px solid #3498db; | ||
| background-color: white; | ||
| color: black; | ||
| padding: 8px 16px; | ||
| border-radius: 4px; | ||
| cursor: pointer; | ||
| transition: background-color 0.3s ease; | ||
| margin-top: 1rem; | ||
| &:hover { | ||
| background-color: #2980b9; | ||
| color: white; | ||
| } | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,170 @@ | ||
| // @ts-ignore | ||
| import logo from "../assets/wocLogo1.png" | ||
| const newProjectData = [ | ||
| { | ||
| organization: 'GDSC NSEC', | ||
| imageUrl:{logo}, | ||
| projects: [ | ||
| { | ||
| id: 1, | ||
| name: "Moksh", | ||
| students: 5, | ||
| codeLink: "https://github.com/akshitagupta15june/Moksh", | ||
| techStack: ["OpenCV", "ML", "HTML", "CSS", "JS", "Reactjs"], | ||
| description: `Moksh is a spiritual productivity tool designed for individuals who want to unlock their potential and | ||
| achieve true balance in life. Our customized spiritual features help you take control of your work, focus | ||
| on what truly matters, and rejuvenate your mind and spirit. By reading Bhagavad Gita, we become soul | ||
| conscious and gain the strength to fight life's challenges. With Moksh, you can overcome the mental | ||
| problems that arise from our body consciousness and find true happiness. | ||
| This platform will help engineers, students, office workers to cope up with stressful environments. | ||
| `, | ||
| mentor: [{ | ||
| name: "Akshita Gupta", | ||
| linkedin: "https://www.linkedin.com/in/akshita-gupta-a4a895187", | ||
| },], | ||
| }, | ||
| { | ||
| id: 2, | ||
| name: "face-X", | ||
| students: 5, | ||
| codeLink: "https://github.com/akshitagupta15june/Face-X", | ||
| techStack: ["OpenCV", "ML", "HTML", "CSS", "JS", "Reactjs"], | ||
| description: `Face-X is a comprehensive repository of algorithms and operations related to facial recognition, which | ||
| includes a range of functionalities from facial filters, image processing, face mask detection, and facial | ||
| attendance systems to animated emotions and facial cartoonification. It encompasses all the possible | ||
| operations that can be performed on the frontal human face, making it a versatile platform for facial related tasks. | ||
| `, | ||
| mentor: [{ | ||
| name: "Akshita Gupta", | ||
| linkedin: "https://www.linkedin.com/in/akshita-gupta-a4a895187", | ||
| },], | ||
| }, | ||
| { | ||
| id: 3, | ||
| name: "PetMe", | ||
| students: 5, | ||
| codeLink: "https://github.com/akshitagupta15june/PetMe", | ||
| techStack: ["OpenCV", "ML", "HTML", "CSS", "JS", "Reactjs"], | ||
| description: `PetMe is an all-in-one platform that allows animals to be adopted, donated to pet lovers, and provides | ||
| emergency medical care to stray animals in need. | ||
| Our mission is to provide a platform that connects animal lovers with pets in need of a forever home, | ||
| while also providing emergency medical care for stray animals in distress. We strive to make a | ||
| difference in the lives of these innocent creatures by offering options to Adopt, Donate and through our | ||
| SOS feature Report stray animals in need of immediate assistance. Together, we can create a better | ||
| world for all animals. | ||
| `, | ||
| mentor: [{ | ||
| name: "Akshita Gupta", | ||
| linkedin: "https://www.linkedin.com/in/akshita-gupta-a4a895187", | ||
| },], | ||
| }, | ||
| { | ||
| id: 4, | ||
| name: `Hedging of financial Derivatives`, | ||
| students: 5, | ||
| codeLink: "https://github.com/Akshat111111/Hedging-of-Financial-Derivatives", | ||
| techStack: ["Financial Programming", "Fintech", " Machine Learning", "Deep Learning"], | ||
| description: `A Hedging is a market neutral trading strategy enabling traders to profit | ||
| from virtually any market conditions: uptrend, downtrend, or sideways | ||
| movement. This strategy is categorized as a statistical arbitrage and | ||
| convergence trading strategy. | ||
| `, | ||
| mentor: [{ | ||
| name: "Akshat Sharma", | ||
| linkedin: "https://www.linkedin.com/in/akshat-sharma11/", | ||
| },], | ||
| }, | ||
| { | ||
| id: 5, | ||
| name: "GeoWellAdvisor", | ||
| students: 5, | ||
| codeLink: "https://github.com/047pegasus/GeoWellAdvisor", | ||
| techStack: ["Backend ", "DevOps"], | ||
| 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. | ||
| `, | ||
| mentor: [{ | ||
| name: "Tanishq Agarwal", | ||
| linkedin: "https://www.linkedin.com/in/tanishq047/", | ||
| },], | ||
| }, | ||
| { | ||
| id: 6, | ||
| name: "DoodleCollab", | ||
| students: 5, | ||
| codeLink: " https://github.com/WikiPortal/DoodleCollab", | ||
| techStack: ["Software Development"], | ||
| description: `DoodleCollab is a cutting-edge application designed to transform the way we collaborate, offering an | ||
| unparalleled whiteboard and sharing experience. Developed using the powerful ReactJS framework, our | ||
| app seamlessly combines intuitive design with advanced functionalities to enhance your collaborative | ||
| efforts. | ||
| `, | ||
| mentor: [{ | ||
| name: "Jyotirmoy Roy", | ||
| linkedin: "https://www.linkedin.com/in/jyotirmoyroy69/", | ||
| },], | ||
| }, | ||
| { | ||
| id: 7, | ||
| name: "Acme Rockets", | ||
| students: 7, | ||
| codeLink: " https://github.com/Jagroop2001/AcmeRockets", | ||
| techStack: ["HTML", "Tailwind CSS", "CSS", "JS", "Reactjs"], | ||
| 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. | ||
| `, | ||
| mentor: [{ | ||
| name: "Jagroop", | ||
| linkedin: "https://www.linkedin.com/in/jagroop-singh-3a2a401b4/", | ||
| },], | ||
| }, | ||
| { | ||
| id: 8, | ||
| name: "Pages : A book shop landing page ", | ||
| students: 7, | ||
| codeLink: "https://github.com/Jagroop2001/Pages-A-Book-Shop-Website", | ||
| techStack: ["HTML", "Bootstrap", "CSS"], | ||
| 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 | ||
| `, | ||
| mentor: [{ | ||
| name: "Jagroop", | ||
| linkedin: "https://www.linkedin.com/in/jagroop-singh-3a2a401b4/", | ||
| },], | ||
| }, | ||
| { | ||
| id: 9, | ||
| name: "NASA Rocket project", | ||
| students: 7, | ||
| codeLink: " https://github.com/Jagroop2001/nasa-project-fullstack", | ||
| techStack: ["Node", "MongoDb", "Express", "Reactjs"], | ||
| description: `Fullstack application for controlling space missions and enabling seamless exploration beyond our planet. 🌌🛰 | ||
| Build with Node.js and React Application, a powerful combination for building dynamic and scalable web applications with seamless server-side functionality. | ||
| `, | ||
| mentor: [{ | ||
| name: "Jagroop", | ||
| linkedin: "https://www.linkedin.com/in/jagroop-singh-3a2a401b4/", | ||
| },], | ||
| }, | ||
| { | ||
| id: 10, | ||
| name: "Music Player App", | ||
| students: 7, | ||
| codeLink: " https://github.com/Jagroop2001/music-player ", | ||
| techStack: ["Vue js"], | ||
| description: ` This is a simple music player frontend project created using Vuejs | ||
| `, | ||
| mentor: [{ | ||
| name: "Jagroop", | ||
| linkedin: "https://www.linkedin.com/in/jagroop-singh-3a2a401b4/", | ||
| },], | ||
| }, | ||
| ], | ||
| noOfProjects: 10, | ||
| }, | ||
|
|
||
|
|
||
|
|
||
|
|
||
| ] | ||
| export default newProjectData; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.