Web Resource Hub is an open-source project developed for the DevJam Hackathon organized by Social Summer of Code. It serves as a comprehensive collection of frontend web resources, including HTML, CSS, JavaScript, and React. 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.
-
To clone the repository to your local machine, follow these steps:
-
Open the terminal or command prompt on your computer.
-
Navigate to the directory where you want to clone the repository.
-
Type the command
git clone [https://github.com/<your_github_username>/web-resources-project.git]
(This will download the repository to your local machine)
- Node JS
- pnpm
- Open a terminal or command prompt on your computer.
- Navigate to the directory where the repository was cloned.
- Run the following command:
pnpm install
(This command installs the project dependencies). - After the installation is complete, run the following command:
pnpm dev
(This command launches the project in your local browser or terminal).
- Navigate to the database folder in the src folder.
- Navigate to the appropriate section directory (videos, websites or challenges etc) based on the type of resource you want to add.
- Each directory has technology json file
- Create a new object for your resource in the appropriate json file.
- Add the details of your resource: Here's an example
{
"title": "CodeWell",
"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.",
"link": "https://www.codewell.cc/",
"img": "https://user-images.githubusercontent.com/100681165/238244473-00725538-ef4d-4ece-8fd7-11e6b999b895.png"
},
The size of the image should be less than 300 Kb
- Navigate to the
public/Card Images
- There you will find folders of all the sections, navigate to the appropriate folder.
- Each folder has a .md file
- Drag and drop your image in the .md file in the appropriate position.
We welcome contributions from the community! If you're interested in contributing to this project, please read our Contributing Guidelines for more information on how to get started.
๐ If you find this project helpful or interesting, please consider giving it a star! ๐
Starring 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!
To star this repository, simply click on the Star button at the top-right corner of the page. Thank you for your support! ๐
MIT License