{"id":23417213,"url":"https://github.com/jayk-gupta/web-resources-project","last_synced_at":"2025-10-15T19:15:24.081Z","repository":{"id":165188616,"uuid":"640404104","full_name":"jayk-gupta/web-resources-project","owner":"jayk-gupta","description":"The project aims to provide developers with a centralized platform to access a wide range of frontend tools and resources, making their development process more efficient and productive.","archived":false,"fork":false,"pushed_at":"2024-08-16T12:55:07.000Z","size":11631,"stargazers_count":87,"open_issues_count":117,"forks_count":141,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-26T08:55:56.106Z","etag":null,"topics":["good-first-issue","gssoc23","html-css-javascript","open-source","react","tailwindcss","web-resources"],"latest_commit_sha":null,"homepage":"https://web-resources-hub-project.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jayk-gupta.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-05-14T01:09:29.000Z","updated_at":"2025-04-23T07:43:55.000Z","dependencies_parsed_at":"2024-12-22T23:14:20.181Z","dependency_job_id":"5bf4da5e-c0ce-4698-99c6-417066e7c8a2","html_url":"https://github.com/jayk-gupta/web-resources-project","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jayk-gupta/web-resources-project","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jayk-gupta%2Fweb-resources-project","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jayk-gupta%2Fweb-resources-project/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jayk-gupta%2Fweb-resources-project/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jayk-gupta%2Fweb-resources-project/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jayk-gupta","download_url":"https://codeload.github.com/jayk-gupta/web-resources-project/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jayk-gupta%2Fweb-resources-project/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279104914,"owners_count":26104631,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-15T02:00:07.814Z","response_time":56,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["good-first-issue","gssoc23","html-css-javascript","open-source","react","tailwindcss","web-resources"],"created_at":"2024-12-22T23:14:12.593Z","updated_at":"2025-10-15T19:15:24.047Z","avatar_url":"https://github.com/jayk-gupta.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\u003cdiv id=\"top\"\u003e\n\u003ch1 align=\"center\"\u003eWeb Resource Hub 👨‍💻\u003c/h1\u003e\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://forthebadge.com/images/badges/built-with-love.svg\" /\u003e\n\u003cimg src=\"https://forthebadge.com/images/badges/uses-brains.svg\" /\u003e\n\u003cimg src=\"https://forthebadge.com/images/badges/powered-by-responsibility.svg\" /\u003e\n   \u003cbr\u003e\n   \u003cimg src=\"https://img.shields.io/github/repo-size/jayk-gupta/web-resources-project?style=for-the-badge\" /\u003e\n   \u003cimg src=\"https://img.shields.io/github/issues/jayk-gupta/web-resources-project?style=for-the-badge\" /\u003e\n   \u003cimg src=\"https://img.shields.io/github/issues-closed-raw/jayk-gupta/web-resources-project?style=for-the-badge\" /\u003e\n    \u003cimg src=\"https://img.shields.io/github/license/jayk-gupta/web-resources-project?style=for-the-badge\" /\u003e\n\n   \u003cimg src=\"https://img.shields.io/github/issues-pr/jayk-gupta/web-resources-project?style=for-the-badge\" /\u003e\n    \u003cimg src=\"https://img.shields.io/github/contributors/jayk-gupta/web-resources-project?style=for-the-badge\" /\u003e\n    \u003cimg src=\"https://img.shields.io/github/stars/jayk-gupta/web-resources-project?style=for-the-badge\" /\u003e\n\n   \u003cimg src=\"https://img.shields.io/github/issues-pr-closed-raw/jayk-gupta/web-resources-project?style=for-the-badge\" /\u003e\n   \u003cimg src=\"https://img.shields.io/github/forks/jayk-gupta/web-resources-project?style=for-the-badge\" /\u003e\n  \u003cimg src=\"https://img.shields.io/github/last-commit/jayk-gupta/web-resources-project?style=for-the-badge\" /\u003e\n     \u003c/div\u003e\n\n## 🚀 About \n+ [**Web Resource Hub**](https://web-resources-project-dev.vercel.app/) is an open-source project developed for the DevJam Hackathon organized by Social Summer of Code. \n+ It serves as a comprehensive collection of **frontend web resources, including HTML, CSS, JavaScript, and React.** \n+ The project aims to provide developers with a **centralized platform** to access a wide range of frontend tools and resources, making their development process more efficient and productive.\n\n## Deployed Links\n\n### Main -\u003e  https://web-resources-hub-project.vercel.app/\n### Dev  -\u003e  https://web-resources-project-dev.vercel.app/\n### qa   -\u003e  https://web-resources-project-qa.vercel.app/\n\n\n\n\n## 📷 Screenshot \n\n![Screenshot 2023-07-24 210406](https://github.com/jayk-gupta/web-resources-project/assets/100681165/6871d84a-5378-4495-94b7-fb30af89560d)\n\n\n\n## 🛠️ Tech Stack\n[![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB)](https://react.dev/)     [![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white)](https://v2.tailwindcss.com/docs)\n\n## ✅ Getting Started\n1. Fork the project, Click on create new fork.\n![s3](https://github.com/jayk-gupta/web-resources-project/assets/100681165/b6fdab7f-61cd-48ba-9462-9ae89c50e4c6)\n\n2. To clone the repository to your local machine, follow these steps:\n\n1. Click on the \"Code\" button.\n\n![s1](https://github.com/jayk-gupta/web-resources-project/assets/100681165/c6b5a565-212a-467a-a697-2106ba3911a4)\n\n2. Copy the HTTPS Link.\n\n![s2](https://github.com/jayk-gupta/web-resources-project/assets/100681165/a0193d9a-85bc-457f-9edc-d24b93ce9f9d)\n\n4. Open the terminal or command prompt on your computer.\n\n5. Navigate to the directory where you want to clone the repository.\n\n\n6. Type the command \n```\ngit clone https://github.com/\u003cyour_github_username\u003e/web-resources-project.git\n``` \n(This will download the repository to your local machine).\n\n7. Navigate to the project directory.\n```\ncd web-resources-project\n```\n\n8. Add a reference(remote) to the original repository.\n```\ngit remote add upstream https://github.com/\u003cyour_github_username\u003e/web-resources-project.git\n```\n\n9. Create a new branch(prefer a branch name that relates to your assigned issue).\n```\ngit remote -v\n```\n\n10. Always take a pull from the upstream repository to your main branch to keep it updated as per the main project repository.\n```\ngit checkout -b \u003cYOUR_BRANCH_NAME\u003e\n```\n11. How to Run the Project is given in the below part 👇🏼.\n\n12. Perform your desired changes to the code base.\n\n13. Check your changes.\n```\ngit status\n```\n```\ngit diff\n```\n\n14. Stage your changes.\n```\ngit add . \u003c\\files_that_you_made_changes\u003e\n```\n\n15. Commit your changes.\n```\ngit commit -m \"relevant message\"\n```\n\n16. Push the committed changes in your feature branch to your remote repository.\n```\ngit push -u origin \u003cYOUR_BRANCH_NAME\u003e\n```\n\n17. To create a Pull Request, click on ```compare and pull requests```.\n\n18. Add an appropriate title and description to your PR explaining your changes.\n\n19. Click on ```Create pull request```.\n\nCongratulations🎉, you have made a PR to the Web Resources Project. Wait for your submission to be accepted and your PR to be merged by a maintainer.\n\nIf you have any doubts please let us know in the comments.\n\n## ⬇️ Prerequisites\n  - **Node JS**\n  -  **pnpm**\n\n## 👉 Running the Project Locally\n1. Open a terminal or command prompt on your computer.\n2. Navigate to the directory where the repository was cloned.\n3. Run the following command: `pnpm install` (This command installs the project dependencies).\n4. After the installation is complete, run the following command: `pnpm run dev` (This command launches the project in your local browser or terminal).\n\n## 💪 Adding new resource \n1. Navigate to the `src/database`.\n2. There is a json file for each section.\n3. Create a new object for your resource in the appropriate json file.\n4. Add the details of your resource: Here's an example\n```\n{\n    \"tag\" : \"css\",\n    \"title\": \"CodeWell\",\n    \"description\": \"Improve your HTML and CSS skills by practicing on real design templates.With Codewell, you can browse high quality Figma templates that you can use to sharpen your HTML and CSS skills.\",\n    \"link\": \"https://www.codewell.cc/\",\n    \"img\": \"https://user-images.githubusercontent.com/100681165/238244473-00725538-ef4d-4ece-8fd7-11e6b999b895.png\"\n  },\n\n```\n## 🖼️ Adding images\nThe size of the image should be less than **300 Kb**\n1. Navigate to the `public/Card Images`\n3. There you will find folders of all the sections, navigate to the appropriate folder.\n4. Each folder has a **.md file**\n5. **Drag and drop your image** in the .md file in the appropriate position.\n\nNote: The size of the image should be less than 300 KB.\n\n\u003c!-- ## 🎥 Watch this Video  --\u003e\n\u003c!-- [![Youtube Video](https://i.ytimg.com/vi/eRVFZDIWPj8/hqdefault.jpg?sqp=-oaymwE2CNACELwBSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_gmAAtAFigIMCAAQARhlIFUoVTAP\u0026rs=AOn4CLCvHosmljs19P9PRHlDr7ule1T8AA)](https://www.youtube.com/watch?v=eRVFZDIWPj8) --\u003e\n\n## 🤝 Contributing\nWe welcome contributions from the community! If you're interested in contributing to this project, please read our [Contributing Guidelines](./CONTRIBUTING.md)\n for more information on how to get started.\n \u003chr\u003e\n\n\u003ch1 align=center\u003e Project Admins \u003c/h1\u003e\n\u003cp align=\"center\"\u003e\n\u003ctable\u003e\n        \u003ctr\u003e\n            \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/jayk-gupta\"\u003e\u003cimg alt=\"\"\n                        src=\"https://avatars.githubusercontent.com/u/100681165?v=4\" width=\"100px;\"\u003e\u003cbr\u003e\u003csub\u003e\u003cb\u003e Jay Gupta\n                        \u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr\u003e\u003c/td\u003e \u003c/a\u003e\u003c/td\u003e\n\n\u003c/table\u003e\n\n\u003ch1 align=center\u003e Project Mentors \u003c/h1\u003e\n\u003cp align=\"center\"\u003e\n\u003ctable\u003e\n        \u003ctr\u003e\n            \u003ctd align=\"center\"\u003e\u003ca href=\"https://github.com/debajit13\"\u003e\u003cimg alt=\"\"\n                        src=\"https://avatars.githubusercontent.com/u/42708550?v=4\" width=\"100px;\"\u003e\u003cbr\u003e\u003csub\u003e\u003cb\u003eDebajit Mallick\n                        \u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr\u003e\u003c/td\u003e \u003c/a\u003e\u003c/td\u003e\n            \u003ctd align=\"center\"\u003e\u003ca href=\"[https://github.com/varuns-zop\"\u003e\u003cimg alt=\"\"\n                        src=\"https://avatars.githubusercontent.com/u/100130076?v=4\" width=\"100px;\"\u003e\u003cbr\u003e\u003csub\u003e\u003cb\u003eVarun Singh\n                        \u003c/b\u003e\u003c/sub\u003e\u003c/a\u003e\u003cbr\u003e\u003c/td\u003e\u003c/a\u003e\u003c/td\u003e\n\u003c/table\u003e\n\n## Our Contributors  !! ✨\n### Thanks to these wonderful people: ✨\n\n\u003ctable\u003e\n\t\u003ctr\u003e\n\t\t\u003ctd\u003e\n\t\t\t\u003ca href=\"https://github.com/jayk-gupta/web-resources-project/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contrib.rocks/image?repo=jayk-gupta/web-resources-project\" /\u003e\n\n\u003c/a\u003e\n\t\t\u003c/td\u003e\n\t\u003c/tr\u003e\n\u003c/table\u003e\n\n # My Awesome Project\n\n🌟 **If you find this project helpful or interesting, please consider giving it a star!** 🌟\n\nStarring the repository helps to raise awareness and attract more users. It shows your appreciation for the project and provides motivation for further development and improvements. It's a simple way to show support!\n\nTo star this repository, simply click on the **Star** button at the top-right corner of the page. Thank you for your support! 😊\n\n\n# License\n[MIT License](./LICENSE). This project is licensed under the MIT License.\n\u003cp align=\"right\"\u003e\u003ca href=\"#top\"\u003eBack to top\u003c/a\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjayk-gupta%2Fweb-resources-project","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjayk-gupta%2Fweb-resources-project","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjayk-gupta%2Fweb-resources-project/lists"}