Code Monkey home page Code Monkey logo

ashutoshgithubs / web-resources-project Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jayk-gupta/web-resources-project

0.0 0.0 0.0 7.71 MB

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.

Home Page: https://web-resources-hub-project.vercel.app/

License: MIT License

JavaScript 89.73% CSS 4.28% HTML 5.99%

web-resources-project's Introduction

โœจ NOTE

๐Ÿš€๐Ÿš€ The Contributing guidelines have changed so please do check the Contributing Guidelines

Web Resource Hub ๐Ÿ‘จโ€๐Ÿ’ป

๐Ÿš€ About

  • 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.

Deployed Links

๐Ÿ“ท Screenshot

Screenshot 2023-05-15 094313

๐Ÿ› ๏ธ Tech Stack

React TailwindCSS

โœ… Getting Started

  1. Fork the project,click on create new fork. s3

  2. To clone the repository to your local machine, follow these steps:

  3. Click on the "Code" button. s1

  4. Copy the HTTPS Link. s2

  5. Open the terminal or command prompt on your computer.

  6. Navigate to the directory where you want to clone the repository.

  7. Type the command git clone [https://github.com/<your_github_username>/web-resources-project.git] (This will download the repository to your local machine)

โฌ‡๏ธ Prerequites

  • Node JS
  • pnpm

๐Ÿ‘‰ Running the Project Locally

  1. Open a terminal or command prompt on your computer.
  2. Navigate to the directory where the repository was cloned.
  3. Run the following command: pnpm install (This command installs the project dependencies).
  4. After the installation is complete, run the following command: pnpm dev (This command launches the project in your local browser or terminal).

๐Ÿ’ช Adding new resource

  1. Navigate to the database folder in the src folder.
  2. Navigate to the appropriate section directory (videos, websites or challenges etc) based on the type of resource you want to add.
  3. Each directory has technology json file
  4. Create a new object for your resource in the appropriate json file.
  5. 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"
  },

๐Ÿ–ผ๏ธ Adding images

The size of the image should be less than 300 Kb

  1. Navigate to the public/Card Images
  2. There you will find folders of all the sections, navigate to the appropriate folder.
  3. Each folder has a .md file
  4. Drag and drop your image in the .md file in the appropriate position.

Note: The size of the image should be less than 300 KB.

๐Ÿค Contributing

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.


Project Admins


Jay Gupta

Project Mentors


Debajit Mallick


Varun Singh

Our Contributors !! โœจ

Thanks to these wonderful people: โœจ

My Awesome Project

๐ŸŒŸ 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! ๐Ÿ˜Š

License

MIT License. This project is licensed under the MIT License.

web-resources-project's People

Contributors

jayk-gupta avatar mhdamaan79 avatar shashwat7725 avatar maheshmoholkar avatar krishchopra22 avatar devasyarajguru avatar yashpreet2707 avatar varuns-zop avatar swethabaskaran2003 avatar swetha-baskaran avatar priyankarpal avatar adjascently avatar akanksha-202 avatar akshata-nale avatar the-amazing-atharva avatar avinash905 avatar harshsingh32 avatar pearlrathour avatar soumya1219 avatar manasi-jain avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.