GDG-On-Campus-ICTU / MaterialHub-Hactoberfest

This repository contains the source code for a single-page web application that displays a list of cool tech materials. Users can view detailed information about each material, including the contributor, resource name, link, and tags. New materials can be added through a user-friendly form.
https://material-hub-hactoberfest.vercel.app/
7 stars 11 forks source link
contributions-welcome first-timers hacktoberfest hacktoberfest2024 html react spa

๐Ÿš€ Tech Materials Library

A beautiful single-page application for collecting and sharing valuable tech learning resources! Share your favorite tech materials, tutorials, documentation, and more with the community.

Tech Materials Library

๐ŸŽฏ Purpose

The Tech Materials Library serves as a collaborative platform where developers can:

โšก Features

๐Ÿ› ๏ธ Technologies Used

๐Ÿš€ Getting Started

Prerequisites

๐Ÿƒโ€โ™‚๏ธ Running the Project

  1. Clone the repository:
    git clone https://github.com/GDG-On-Campus-ICTU/MaterialHub-Hactoberfest.git

    Navigate to the project directory:

    cd tech-materials-library

    Open with VS Code:

    code .

    Install Live Server extension in VS Code

Click on Extensions icon in VS Code Search for "Live Server" Install the extension by Ritwick Dey

Right-click on index.html and select "Open with Live Server"

The application should now be running in your default browser! ๐ŸŽ‰ ๐Ÿค How to Contribute We love contributions! Here's how you can help:

  1. Fork the Repository ๐Ÿด

Click the "Fork" button at the top right of this repository

  1. Clone Your Fork ๐Ÿ“ฅ
    git clone https://github.com/GDG-On-Campus-ICTU/MaterialHub-Hactoberfest.git
  2. Create a Branch ๐ŸŒฟ
    git checkout -b your-name
  3. Make Your Changes โœ๏ธ

Add new features
Fix bugs
Improve documentation
Enhance styling

  1. Test Your Changes ๐Ÿงช

Ensure your changes don't break existing functionality

Verify responsive design on various screen sizes

  1. Commit Your Changes ๐Ÿ’พ
    
    git add .

git commit -m "โœจ Add awesome new feature"

7. Push to GitHub ๐Ÿš€
```bash
git push origin your-name
  1. Create a Pull Request ๐ŸŽฏ

Go to your fork on GitHub Click "New Pull Request" Select your branch Submit the pull request with a clear description of your changes

๐Ÿ“œ Code Style Guidelines

Use meaningful variable and function names Add comments for complex logic Follow consistent indentation Keep functions small and focused

๐ŸŽจ Design Guidelines

Maintain the existing color scheme Keep UI elements consistent Ensure responsive design Follow accessibility best practices

๐ŸŒŸ Featured Contributors

๐Ÿ“„ License This project is licensed under the MIT License - see the LICENSE file for details. ๐Ÿ™ Acknowledgments

Thanks to all contributors Inspired by the amazing tech community Built with โค๏ธ for developers by developers

Made with โค๏ธ by GDG On Campus ICT-U

# MaterialHub-Hactoberfest