diff --git a/pages/wobProject.js b/pages/wobProject.js index 5741227..af95a6f 100644 --- a/pages/wobProject.js +++ b/pages/wobProject.js @@ -1,53 +1,48 @@ import { Search2Icon } from "@chakra-ui/icons"; import { Spacer } from "@chakra-ui/react"; import Head from "next/head"; -import React from "react"; +import React, { useEffect, useState } from "react"; const Project = () => { + const [projects, setProjects] = useState([]); + const [filteredProjects, setFilteredProjects] = useState([]); + const [searchQuery, setSearchQuery] = useState(""); - // Here we get projects data. - const dummyData = [ - { - title: "Project Title", - lastPR: "Last PR merged at : Date, Time", - openIssues: "Open issues : Number", - openPRs: "Open PR’s : Number", - tags: ["tech stack", "tech stack", "tech stack", "tech stack"], - }, - { - title: "Project Title", - lastPR: "Last PR merged at : Date, Time", - openIssues: "Open issues : Number", - openPRs: "Open PR’s : Number", - tags: ["tech stack", "tech stack", "tech stack", "tech stack"], - }, - { - title: "Project Title", - lastPR: "Last PR merged at : Date, Time", - openIssues: "Open issues : Number", - openPRs: "Open PR’s : Number", - tags: ["tech stack", "tech stack", "tech stack", "tech stack"], - }, - { - title: "Project Title", - lastPR: "Last PR merged at : Date, Time", - openIssues: "Open issues : Number", - openPRs: "Open PR’s : Number", - tags: ["tech stack", "tech stack", "tech stack", "tech stack"], - }, - ]; + const getUsers = async (year) => { + let url = `/WoB/projects/project${year}.json`; + const response = await fetch(url); + const projectData = await response.json(); + setProjects(projectData); + setFilteredProjects(projectData); // Initialize filtered projects + }; + + useEffect(() => { + getUsers("2024"); + }, []); + + const handleSearch = (event) => { + const query = event.target.value.toLowerCase(); + setSearchQuery(query); + + const filtered = projects.filter((project) => { + const titleMatch = project.title?.toLowerCase().includes(query); + const tagsMatch = project.tags.some((tag) => + tag.toLowerCase().includes(query) + ); + return titleMatch || tagsMatch; + }); + + setFilteredProjects(filtered); + }; return ( <> - Projects | Winter of Code 2024 | GirlScript Foundation India + Projects | Winter of Blockchain 2024 | GirlScript Foundation India - +
@@ -61,6 +56,8 @@ const Project = () => { className="px-3 py-1 bg-transparent outline-none dark:text-white text-black" type="search" placeholder="Search" + value={searchQuery} + onChange={handleSearch} name="search" id="search" /> @@ -68,33 +65,49 @@ const Project = () => {
-
- {dummyData.map((project, index) => ( +
+ {filteredProjects.map((project, index) => (
- diff --git a/public/WoB/projects/project2024.json b/public/WoB/projects/project2024.json new file mode 100644 index 0000000..96da6c6 --- /dev/null +++ b/public/WoB/projects/project2024.json @@ -0,0 +1,453 @@ +[ + { + "name": "mann asugo", + "title": "joltnaut", + "tags": [], + "description": "", + "projectUrl": "github.com/mannasugo/joltnaut" + }, + { + "name": "Yogesh Agrawal", + "title": "web3-Dream11", + "tags": ["solidity", "javascript", "tailwind css", "docker"], + "description": "Fantasy sports have witnessed an astounding rise in India, attracting millions of players to various platforms. However, persistent issues such as data privacy, insider trading, and a lack of transparency prompted the development of web3-DREAM11. This project utilizes blockchain technology, oracles, and NFTs to elevate the security, transparency, and fairness of fantasy sports experiences.", + "projectUrl": "https://github.com/yogesh0509/web3-DREAM11" + }, + { + "name": "Parshav Singla", + "title": "Fundraising app smart contract", + "tags": ["Solidity", "web3", "blockchain", "defis", "full stack"], + "description": "", + "projectUrl": "https://github.com/Parshav14/Web3_Blockchain" + }, + { + "name": "Ayush Kumar Singh", + "title": "DesiNFT", + "tags": ["Solidity", "JavaScript", "Next.js", "Hardhat", "Tailwind CSS"], + "description": "An NFT marketplace promoting Indian culture. Mint, buy and sell NFTs with a user-friendly, responsive interface. Celebrating India's heritage digitally.", + "projectUrl": "https://github.com/ayush-that/HackOn-Blocks-2024" + }, + { + "name": "Suhani Yadav", + "title": "Decentralized Voting System", + "tags": ["Blockchain"], + "description": "", + "projectUrl": "https://github.com/suhani-yadav" + }, + { + "name": "Manya Pandey ", + "title": "Weather Based Application ", + "tags": ["Javascript", "react", "bootstrap"], + "description": "Api calling based project with showing temperature of various regions in the country.", + "projectUrl": "https://github.com/Manyap772/weather" + }, + { + "name": "Afreen A Habeeb", + "title": "Blockchain in daily life", + "tags": [], + "description": "", + "projectUrl": "" + }, + { + "name": "Anshuman Kumar", + "title": "Blockerzz", + "tags": ["SQL"], + "description": "", + "projectUrl": "https://github.com/Anshu3462" + }, + { + "name": "Adnan Mohsin ", + "title": "AI Autonomous Billing System ", + "tags": [ + "Javascript", + "HTML", + "CSS", + "BOOTSTRAP", + "REACT", + "REDUX", + "MONGODB" + ], + "description": "", + "projectUrl": "https://github.com/AdnanMohsin21/Enigma-_AMUHACKS3.0" + }, + { + "name": "Swarnendu ", + "title": "Adopt pet", + "tags": ["Solidity", "React", "Typescript", "Tailwind"], + "description": "", + "projectUrl": "https://github.com/Swarnendu0123/adopt-pet" + }, + { + "name": "Sherhin pp", + "title": "Decentralised blockchain", + "tags": ["Ethereum", "solidity", "javascript", "react.js"], + "description": "", + "projectUrl": "https://github.com/ashwincs12/Decentralized-Kudumbashree" + }, + { + "name": "Ajay Deshmukh", + "title": "Maargdarshak", + "tags": ["Solana", "Google MAP API", "WIX content management"], + "description": "Community Connect is a website where people can upload the location and type of resource available in any community and other users are able to see those resources (type, location, hours) that are available within a community.", + "projectUrl": "https://github.com/seohyeonlee2020/connecting-communities" + }, + { + "name": "Lakshya", + "title": "CRYPTOANALYSIS", + "tags": ["PYTHON"], + "description": "", + "projectUrl": "https://github.com/Lakshya1726/CRYPTOANALYSIS" + }, + { + "name": "Meghna Malasi ", + "title": "LegaLInk ", + "tags": [ + "Solidity", + "Ethereum", + "Hardhat","Ganache", + "Web3.js", + "React.js", + "Javascript" + ], + "description": "Implementing a platform for legal contracts and smart legal agreements on blockchain can revolutionize the way agreements are made and enforced. ", + "projectUrl": "https://github.com/Meghnagit20/LegaLINc" + }, + { + "name": "Harsh", + "title": "wearables in the workplace", + "tags": [], + "description": "Entrepreneur in search of teams, learning, resources, mentors , intrapreneurship, remote jobs, more online for startups across multiple industries, sectors. Startup ideas- https://www.Quora.com/profile/Harsh-Entrepreneur https://www.linkedin.com/in/quoraharshentrepreneur/ Could you assist me in executing startup ideas & finding engineers, website developers, other team members for startups who could work on equity sharing basis? I am seeking funding on equity basis. Volunteers are also welcome. harsh.entrepreneur@zohomail.in You can forward this email to the responsible person/team. Startup ideas- (Solar fintech/coin-offering microshares to users & offering solar panels to corporates on hire purchase basis or developing solar coin webpage 1 microshare calculation webpage2 cost of solar panel calculations if 20000 is cost of solar panel 100 rs could be its microshare users buy 100 rs microshare till 20000 then 1 solar panel is offered to corporates),Tourism-website offering corporate visits,Supply chain integration-developing common rail system, thinner version of virgin hyperloop for supply chain,Pharma sales automation-automating sales of pharma products at pharmacy using robotics gripper robot & vacuum suction hardware,Paint machine automation-developing robot for exterior paint job for real estate sector which works by hanging on cables from above,Truck loading unloading mechanism-same robot from pharma sales automation for truck loading unloading,Food tech- sales/processing-automating easy street vendor tasks like mixing of food with robots & heating it in front of customers or using pharma sales automation robot to deliver food placed on shelves,Ship with high bypass engine to improve speed thrust,Non propellor based drone made from jet engine or other propulsion,Supply chain automation for railways/metro-using pharma sales automation robot for supply chain of metro/railways ,Vending system using robot from pharma sales automation to dispense products,Half company- Half grid pods optimisation,Robot wheels-X shaped wheels which can elongate based on size of stairs,Third rail concept new applications-adding third rail electricity for robots working in industries eliminating need for batteries & charging,Replacing bridges with supply chain-developing leaner supply chain solution which dont allow human or vehicle movement but just for goods across distances efficiently,Vacuum packaging-developing large stacks of vacuum compressed goods which act like large pallet of lots of smaller items in it,Decentralised cooling/heating for blankets or furnitures eliminating need to cool/heat entire room,Space tech supply chain developing common supply chain thinner version of virgin hyperloop which can work on other planets,ownership-developing website for fractional ownership of real estate assets & other assets/expense, connecting the dots- analysing whatsapp messages and big data to connect opportunities & dots, drifting car stunts, wearables for real estate sector https://hbr.org/2013/09/wearables-in-the-workplace", + "projectUrl": "https://www.Quora.com/profile/Harsh-Entrepreneur" + }, + { + "name": "Sanskriti Kadam", + "title": "CourseGuard", + "tags": [ + "React.js", + "Redux", + "HTML5", + "CSS3", + "JavaScript", + "Material-UI", + "Tailwind CSS", + "Express.js", + "Solidity", + "MongoDB", + "IPFS", + "Metamask", + "Web3.js", + "Stripe/Crypto Payment", + "Docker", + "Kubernetes", + "AWS/GCP/Azure", + "Jenkins/GitHub Actions", + "TensorFlow/PyTorch", + "Google Analytics", + "Swagger", + "Postman", + "Git/GitHub" + ], + "description": "Introducing CourseGuard, a revolutionary online education portal that combines the power of blockchain technology with a flexible course selection system to provide a secure and personalized learning experience. CourseGuard ensures top-notch security and transparency by utilizing blockchain-based authentication, making unauthorized access and data breaches virtually impossible. The platform offers an intuitive interface for selecting and purchasing courses using a unique block-based system, allowing users to customize their learning journey with pay-as-you-go access. With features like interactive learning tools, real-time assessments, and a vibrant community of learners, CourseGuard provides a seamless and engaging educational experience. Our vision is to democratize education by making it secure, flexible, and accessible to learners worldwide, fostering a global ecosystem of trust and quality education. Join CourseGuard today and take control of your educational path with confidence and flexibility.", + "projectUrl": "https://github.com/WEBXELA/CourseGuard" + }, + { + "name": "Paramhans Singh", + "title": "GrubHub", + "tags": ["MERN", "Blockchain", "React Js", "MongoDB"], + "description": "", + "projectUrl": "https://github.com/Paramhans-Singh/GrubHub" + }, + { + "name": "Kushal Das", + "title": "Project-Guidance", + "tags": ["Javascript", "java", "cpp", "python"], + "description": "", + "projectUrl": "https://github.com/Kushal997-das/Project-Guidance" + }, + { + "name": "Arpan Chowdhury", + "title": "METAVERSE", + "tags": ["HTML", "CSS", "JS", "EJS", "SCSS", "Pug"], + "description": "Welcome to the \"Metaverse Front-End Playground\" \u2013 your gateway to the future of web development in the metaverse! \ud83c\udf10\ud83d\ude80 Metaverse Front-End Playground is an open-source repository created to empower developers to explore, innovate, and collaborate in the metaverse space.", + "projectUrl": "https://github.com/apu52/METAVERSE" + }, + { + "name": "Na", + "title": "NaN", + "tags": ["Blockchain"], + "description": "", + "projectUrl": "" + }, + { + "name": "Ethpreneur", + "title": "EthPreneur", + "tags": ["Next JS", "TypeScript", "Solidity", "ThirdWeb"], + "description": "A decentralized platform for listing the products and ideas of various nano and micro Entrepreneurs. ", + "projectUrl": "https://github.com/SpandanM110/Ethpreneur" + }, + { + "name": "Ishita", + "title": "Blockchain based voting system ", + "tags": ["Solidity", "Ganache", "Truffle"], + "description": "Voting system made using blockchain technology ", + "projectUrl": "https://github.com/ishita-43/Blockchain-Based-Voting-System" + }, + { + "name": "Mukul | Dagar", + "title": "Gluon", + "tags": ["Web3", "Blockchain"], + "description": "", + "projectUrl": "https://github.com/Makul0/gluon" + }, + { + "name": "Sivaram", + "title": "BitOptimus", + "tags": [ + "Python", + "Bitcoin", + "Blockchain", + "Mining", + "Cryptocurrency", + "Mempool" + ], + "description": "Our project focuses on creating Bitcoin blocks by selecting transactions in a way that optimizes the transaction fees. By implementing a sophisticated algorithm, we aim to maximize the profitability of each block while ensuring efficient and secure transaction processing. This approach helps miners earn higher rewards and contributes to the overall efficiency of the Bitcoin network.", + "projectUrl": "https://github.com/siv2r/bit-optimus" + }, + { + "name": "Vansh Choudhary", + "title": "CRAIBOT", + "tags": ["react", "solidity"], + "description": "CRAIBOT is a revolutionary Web3 payment solution that enables users to perform seamless voice-activated transactions, efficient token swapping, and comprehensive portfolio management through natural language processing. It integrates with multiple blockchain networks, ensuring a versatile and secure transaction experience.", + "projectUrl": "https://github.com/Vansh-Choudhary/craibot-ai" + }, + { + "name": "Apoorv Gupta", + "title": "Ether Wheels", + "tags": [ + "Solidity", + "Next.js14", + "React", + "Rapid API", + "Ethereum", + "Polygon" + ], + "description": "This project implements a peer-to-peer carpooling system leveraging \nblockchain technology, specifically Ethereum, and smart contracts. By utilizing decentralized \napplications, the aim is to enable individuals to share their cars with others traveling in the same direction seamlessly. Through this platform, passengers can book rides and make payments directly to the drivers using cryptocurrency. This approach not only ensures secure and transparent transactions but also promotes efficiency and reliability, reducing the risk of system failures often associated with centralized systems. The utilization of blockchain and smart contracts offers the benefits of decentralization, faster transactions, and enhanced trust among users, fostering a sustainable and community-driven carpooling ecosystem.", + "projectUrl": "https://github.com/StephCurry07/Ether-Wheels" + }, + { + "name": "Shantanu Swami", + "title": "wiki-3-dia", + "tags": ["Solidity", "CSS", "HTML", "JavaScript"], + "description": "Web3-Wikipedia: Decentralized Knowledge Sharing\n\nWeb3-Wikipedia is a decentralized version of Wikipedia, utilizing the DAO (Decentralized Autonomous Organization) design to enable more precise knowledge sharing. By integrating with MetaMask, users can contribute and share knowledge in a decentralized manner. The platform employs ERC20 token-based governance, allowing users to vote on contributions and earn tokens for submitting content and participating in the voting process. Contributions are evaluated using a Good/Bad voting system; if Good votes surpass Bad votes, the content is accepted and merged. This token-driven model not only ensures the quality of submissions but also offers individual profit opportunities, linking them to the operation of the wiki.", + "projectUrl": "https://github.com/jaibhedia/wiki-3-dia" + }, + { + "name": "egst", + "title": "gds", + "tags": ["gd"], + "description": "gd", + "projectUrl": "gds" + }, + { + "name": "Akshat Sharma", + "title": "NexTrade", + "tags": [ + "Solidity","Ethereum","Flask","Web3.py","HTML","CSS" + ], + "description": "NexTrade is a decentralized stock trading application built on blockchain technology to provide a secure, transparent, and tamper-proof platform for trading stocks. This application leverages Ethereum smart contracts to enable peer-to-peer stock trading without the need for intermediaries.\n\nNexTrade offers a foundational framework for a decentralized trading platform, showcasing how blockchain can be applied to financial markets in India.", + "projectUrl": "https://github.com/Akshat111111/NexTrade" + }, + { + "name": "Anuradha Adhikari", + "title": "College Fest Registration Website", + "tags": ["HTML", "CSS", "JavaScript", "Python"], + "description": "", + "projectUrl": "https://github.com/Ramsey99/fest-registration" + }, + { + "name": "Sibananda Swain", + "title": "Blockchain-Based Security Management System( Healthcare)", + "tags": [ + "Hyperledger Fabric", + "Solidity", + "Golang", + "OpenCV", + "TensorFlow", + "PostgreSQL", + "MySQL", + "React", + "Angular", + "Vue.js","Node.js", + "(Django/Flask)", + "Java","AWS", + "Azure", + "GCP" + ], + "description": "", + "projectUrl": "https://github.com/sibananda0718/Blockchain-Based-Security-Management-System-" + }, + { + "name": "Adarsh Maurya", + "title": "DecenTrade", + "tags": [ + "React", + "Solidity", + "ethers.js", + "ipfs", + "hardhat", + "Nodejs", + "css", + "javascript" + ], + "description": "DecenTrade is a decentralized digital marketplace built on the Ethereum blockchain, enabling secure and transparent transactions for digital assets.\n\nFeatures:\n Smart contract-powered listings and purchases\n User-friendly interface for browsing and interacting\n Secure wallet integration for transactions\n Decentralized rating and review system\n Support for various digital assets (art, collectables, domains, etc.)", + "projectUrl": "https://github.com/4darsh-Dev/DecenTrade" + }, + { + "name": "Rishika Girdhar ", + "title": "Yavin server", + "tags": [], + "description": "", + "projectUrl": "Na" + }, + { + "name": "Harish", + "title": "blockchain", + "tags": ["html", "css", "js", "Blockchain"], + "description": "", + "projectUrl": "https://github.com/OpenTekHub/blockchain" + }, + { + "name": "Subhadeep Roy", + "title": "Brave", + "tags": [ + "Next Js", + "Typescript", + "TailwindCss", + "NeonDb", + "Clerk", + "Prisma", + "Gemini" + ], + "description": "Welcome to Brave, the ultimate AI-powered interview preparation suite. Don't be afraid to ace that interview and crack the job! We've got you covered. Brave is designed to simplify the interview process with advanced AI technology. Our platform helps you generate, personalize, and share detailed interview forms. Prepare efficiently with access to tips, mock interviews, and expert insights. Create standout resumes that impress and pass applicant tracking systems (ATS) in minutes.", + "projectUrl": "https://github.com/edgexhq/brave" + }, + { + "name": "Kartik mehta ", + "title": "SupplyChainManagement", + "tags": ["next", "solidity", "polygon", "ether.js", "tailwindcss"], + "description": "Blockchain Supply chain management plays a critical role in ensuring efficient operations and maintaining consumer trust. This project focuses on developing and deploying a decentralized application (DApp) powered by blockchain technology to streamline supply chain management processes.\n\nOur DApp utilizes the inherent transparency and immutability of blockchain to provide a secure and transparent platform for tracking goods at every stage of the supply chain. Leveraging smart contracts, the DApp automates various tasks such as verifying product authenticity, recording transactions, and managing inventory in real-time.", + "projectUrl": "https://github.com/kartikmehta18/SupplyChainManagement" + }, + { + "name": "Parth Sharma", + "title": "StakeFi", + "tags": ["Solidity", "Foundry", "Ethereum"], + "description": "It is a decentralized trading solution on Ethereum network to make staker profitable and to make network secure. An staking smart contract on any EVM network that allows users to stake one token and earn reward tokens periodically. This contract will focus on depositing and withdrawing staked tokens and the reward tokens and calculation of staking rewards.", + "projectUrl": "https://github.com/Parth-Sharma-tonchi/StakeFi" + }, + { + "name": "Vedant Anand ", + "title": "Web3 Wallet", + "tags": [ + "CSS", + "JavaScript", + "React", + "NodeJs", + "Express" + ], + "description": "It is a web3 based HD (Hierarchical Deterministic) wallet which gives you different wallet addresses (example of Eth and Sol) from the same Seed Phrase.", + "projectUrl": "https://github.com/VedantAnand17/Web3-Wallet" + }, + { + "name": "RAJBIR BISWAS ", + "title": "Decentralised Voting Dapp ( ICP mainnet )", + "tags": [ + "Solidity", + "Hardhat", + "Volta testnet", + "web3.js", + "node.js", + "ICP mainnet", + "ether.js", + "metamask", + "express.js" + ], + "description": "Created this project under \" Blockchain in wellness - A Leap towards Trust and Transparency \" in SRM HACKATHON 8.0 \n\nKEY OBJECTIVES : \n\ni) Designing and implementing smart contracts on a blockchain platform (e.g., Ethereum) to manage the voting process, including voter registration, candidate registration, vote casting, and result tallying.\nii) Developing a user-friendly frontend interface (web or mobile) using modern frameworks like ReactJS to facilitate voter interaction with the decentralized voting system.\niii) Ensure the security and integrity of the voting process by implementing cryptographic techniques, such as encryption and digital signatures, to protect voter privacy and prevent tampering.\niv) Enable transparency and auditability by recording all voting transactions on the blockchain, allowing stakeholders or users to verify the integrity of the election results.\n", + "projectUrl": "https://github.com/ELiTE0005/Decentralized-Voting-System" + }, + { + "name": "Anshita Soni ", + "title": "Websites", + "tags": ["Frontend"], + "description": "Websites ", + "projectUrl": "No" + }, + { + "name": "Abhishek Kumar ", + "title": "Cryptowallet", + "tags": [ + "Nextjs","Typescript","Node.js","Tailwind css","PostgreSQL","Solana","Rust","Solidity" + ], + "description": "CryptoPurse is the crypto currency wallet. Which handle the crypto based transition and give the user to get their crypto translation easily.\n\nCryptopurse build on the blockchain which is easy to use for the user and can handle the transaction of crypto currency. This project build on the top of using solana and etherium.\n\nTechnology which covers by this project are typescript, nextjs, node.js , PostgreSQL, tailwind css, solana, etherium.\nThese are the details about the project ", + "projectUrl": "https://github.com/AbhiDiva96/CryptoPurse" + }, + { + "name": "JANANATHAN", + "title": "SaveXross", + "tags": ["React", "Solidity", "Hardhat", "Sepolia"], + "description": "This project aims to reduce response times in animal rescue operations by leveraging Web3 technology to create a stake and reward system. By utilizing blockchain, we ensure transparency, efficiency, and accountability in the rescue process. ", + "projectUrl": "https://github.com/SendouD/saveXross" + }, + { + "name": "Harish", + "title": "cryptobot", + "tags": ["python", "api"], + "description": "", + "projectUrl": "https://github.com/OpenTekHub/cryptobot" + }, + { + "name": "Adarsh Singh", + "title": "VaultChain", + "tags": ["Dfinity", "MOTOKO", "Internet Computer", "Blockchain", "DAPP"], + "description": "VaultChain is a decentralized app that keeps your data secure and private. Using blockchain technology, it ensures your information is encrypted and tamper-proof, making it safe and easy to manage. Perfect for handling sensitive data with peace of mind.", + "projectUrl": "https://github.com/adarsh-singh01/VaultChain" + }, + { + "name": "Abhishek Kumar ", + "title": "CryptoPurse", + "tags": [ + "Web3", + "blockchain", + "nextjs", + "tailwind", + "solana", + "etherium", + "PostgreSQL", + "prisma", + "nodejs" + ], + "description": "", + "projectUrl": "https://github.com/AbhiDiva96/CryptoPurse" + }, + { + "name": "Jananathan", + "title": "saveXross", + "tags": ["solidity", "ether js", "hardhat", "react"], + "description": "reduce the response time in animal rescue operations, we propose the development of a Web3-based stake and reward system. \n\nThis innovative approach leverages blockchain technology to create a transparent, efficient, and incentivized platform for timely animal rescues.\n", + "projectUrl": "https://github.com/SendouD/saveXross" + }, + { + "name": "Mansi Ruhil", + "title": "livetracker", + "tags": [ + "html", + "css", + "react.js", + "javascript", + "google api", + "python","github" + ], + "description": "this projects's application notifies patients of nearby hospitals and the estimated time of arrival of the ambulance.It provides the hospital as well as ambulance drivers with critical information such as the patient\u2019s location and enables effective GPS route management via real time traffic information on scheduled routes.", + "projectUrl": "https://github.com/mansiruhil13/Bobble-AI" + } +]