This project is for those who are new to open-source and looking for make their first contribution

Overview

First Contribution

This project is for those who are new to open-source and looking for make their first contribution.

Follow the steps below :-

If you don't have GIT installed, refer this tutorial


Git Setup Guide

To initialise Git, write

git init

1. Configure your local Git

git config --global user.name "github username"
git config --global user.email "email address"

2. Go to the first-contribution repository and Fork it.

  • A fork is a rough copy of a repository. Forking a repository allows you to freely test and debug with changes without affecting the original project. One of the excessive use of forking is to propose changes for bug fixing.

    Fork

  • Click on Code Button and copy the URL of your forked Repository

    Click on Code

    Copy the URL

3. Switch to your Git bash window, and enter the following :

  • Clone the Forked project on your local system
git clone https://github.com/HITK-2025/first-contribution.git
  • Make the changes
cd first-contribution/data/ 

Open contributors.js in your favourite text editor and add a new object below the existing objects in the format given below.

{
        name : "Your Name",
        branch : "Your Branch",
        roll : "Your Roll (without double quotes)",
        year : "Passing year (without double qotes)",
        linkedin : "linkedin profile link",
        github : "github account link",
        gender : "your gender"
    },

4. Creating a Pull request

Create a branch

  • A branch is designed to encapsulate a group of changes. These changes might be thrown away, entirely rewritten or in the majority of cases they’ll be promoted into the main history of the codebase - via a merge.

  • Creating a branch

git branch branch_name
  • Checkout to the created branch
git checkout branch_name
  • Now add the files using the git command
git add .
  • Commit the changes to the local project
git commit -m "Added my data"
  • Push the changes to your forked github repo
git push origin branch_name

5. Final Steps

  • Open your forked git repository, you will get a message like as shown in the figure (if not then refresh the page).

Click on "Contribute"

Contribute

Now click on "Open pull request"

Open Pull Request

Click on "Create pull request"

Create Pull Request

Click on "Create pull request"

You may add a Comment to your Pull Request

Comment your pull request

You will get message similar to as shown below in the picture which means that you have sucessfully made a pull request !

Confirmation message

Comments
  • #111 issue fixed !!

    #111 issue fixed !!

    Update

    Created a Contributor.md file to showcase the names of all the contributors in the Main repo

    kindly review the change If you have some suggestions to make better changes plz share them with me

    done merged 
    opened by AKACHI-4 16
  • Make your first Contribution

    Make your first Contribution

    Use the First Contribution template and raise an issue and make a PR attached to that.

    See the CONTRIBUTING.md for more detailed info on how to contribute.

    Still stuck join our discord server and we are always available to help there : Discord

    good first issue hacktoberfest 
    opened by Rajdip019 16
  • Adding a search bar in all contributors page

    Adding a search bar in all contributors page

    Every newbie open source contributor, wants to see their name as a contributor. As there are many contributors right now, finding their name in that list is difficult. Thus a search bar might be a good use.

    good first issue hacktoberfest 
    opened by saimaheshtaduri 13
  • Updated the Head

    Updated the Head

    Updated the title and favicon of the site

    Changes

    • Replaced the vercel logo file with the company's icon
    • Changed the title from ClueLess to ClueLess - First Contribution

    Screenshots

    Screenshot from 2022-10-02 02-03-21

    Issue Link

    done merged 
    opened by dishant-yadav 13
  • Using Image Component provided by Next JS

    Using Image Component provided by Next JS

    Instead of using html tag in contributors.js and discordhome.js, shouldnt we use component that next js provides readily in next/image And by using the component helps in optimization thereby bringing down the loading time For eg , currently while using tag of HTML , the loading time of the images in contributors.js is as follows image Using component will help in the long run

    good first issue hacktoberfest hacktoberfest-accepted 
    opened by Yash-Parwani 12
  • Add Video for more Info about what is Git and GitHub

    Add Video for more Info about what is Git and GitHub

    In the whattodo page of (clueless.vercel.app) website wen need to add a section at the end, where (this video)[https://www.youtube.com/watch?v=apGV9Kg7ics&t=3s].

    And the video should be playable from the website itself.

    good first issue hacktoberfest hacktoberfest-accepted 
    opened by Rajdip019 11
  • Add Socials to the footer

    Add Socials to the footer

    opened by devilkiller-ag 10
  • Bug in footer

    Bug in footer

    Hey @Rajdip019 There is bug in navbar. I want to fix it and also want to align copyright in the center so that it will look better. Please assign me this issue. I have added a screenshot for the reference. Thank you.

    Screenshot (377)

    good first issue hacktoberfest 
    opened by sumitkr2000 9
  • Fix Double Underline when hovering over Discord

    Fix Double Underline when hovering over Discord

    There is a double underline animation when hovering over the discord link in the footer while other links have only single underline animation. I want to fix this @Rajdip019 Screenshot (92)

    good first issue hacktoberfest 
    opened by devilkiller-ag 9
  • frequently asked question section on homepage

    frequently asked question section on homepage

    This is Ridham Singhal. And I will be adding my data to do my first contribution as well as get a card on the website.

    like to add faq section to homepage

    good first issue hacktoberfest 
    opened by RidhamRj 9
  • Scroll down button not visible.

    Scroll down button not visible.

    The scroll down button is not visible for both Dark mode and light mode. Here is a reference to that.

    Screenshot 2022-10-05 at 10 28 59 AM

    Also the gap between the main test and button section to the scroll down section should be less. So we need to also reduce that and the jumping effect is too bouncy and distractive.We need to make it a lot smoother.

    bug enhancement good first issue hacktoberfest hacktoberfest-accepted 
    opened by Rajdip019 8
  • Removing title of team members and adding suitable title

    Removing title of team members and adding suitable title

    Issue: The title of team members looks messy and therefore new titles should be added like CEO, Co-founder, Growth Lead, App Developer, etc. since if any wants to know more about people he/she can visit their GitHub or LinkedIn profile.

    title

    This is @akashthedeveloper. And I will be adding my data to do my first contribution as well as get a card on the website.

    good first issue hacktoberfest 
    opened by akashthedeveloper 4
  • Resource Page in Main website.

    Resource Page in Main website.

    The resource page of the main website is opening on a different Tab. It's not opening like the home page and event page. That's because it's not very user friendly. Assign me this issue.

    opened by devjain2309 2
Owner
Heritage Institute of Technology 2025
Official Github of Heritage Institute of Technology 2025 batch
Heritage Institute of Technology 2025
Automatically convert those LESS file which is not using less function to CSS.

less-2-css Automatically convert those .less file which is not using less function to .css. Why Less is a powerful CSS pre-processor, but it also very

UmiJS 14 May 24, 2022
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

Bootstrap Sleek, intuitive, and powerful front-end framework for faster and easier web development. Explore Bootstrap docs » Report bug · Request feat

Bootstrap 161k Jan 1, 2023
A utility-first CSS framework for rapid UI development.

A utility-first CSS framework for rapidly building custom user interfaces. Documentation For full documentation, visit tailwindcss.com. Community For

Tailwind Labs 63.5k Dec 30, 2022
A utility-first CSS framework for rapid UI development.

A utility-first CSS framework for rapidly building custom user interfaces. Documentation For full documentation, visit tailwindcss.com. Community For

Tailwind Labs 63.5k Jan 1, 2023
A simple, performance-first, SEO-friendly Hugo theme

Hugo Theme Luna A simple, performance-first, SEO-friendly Hugo theme ?? Example | 中文文档 Introduction Using Tailwindcss Custom Themes Many shortcodes Da

Ice-Hazymoon 184 Jan 5, 2023
Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap

A premium and open source dashboard template with a responsive and high-quality UI. Preview Tabler is fully responsive and compatible with all modern

Tabler 32.6k Jan 9, 2023
Chrome extension that creates a button on Lever job application pages which shows you how their api parses your resume.

EDIT I have helped make a website that provides the same functionality. Repo: https://github.com/KnlnKS/resume-parser Site: https://resume-parser.verc

Kunalan Kevin Subagaran 17 May 19, 2022
A utility library to lookup TailwindCSS Heroicons by their name

Welcome to heroicons-lookup ?? A utility library to lookup TailwindCSS Heroicons by their name. Based on @jsmith's gist ?? Homepage ✨ Demo(coming soon

Nicolás Quiroz 8 Oct 3, 2022
Feature rich CSS framework for the new decade https://shorthandcss.com

Shorthand Shorthand is a CSS framework and does not include any javascript. You can customize the framework by using .scss only. Size Dist File URL Li

Shorthand 251 Sep 24, 2022
A new flexbox based CSS micro-framework.

Strawberry CSS What Strawberry is a new flexbox based CSS micro-framework. A set of common flexbox's utilities focused on making your life easier and

Andrea Simone Costa 74 Sep 26, 2022
An NPM package to help frontend developers get started with using SASS and SCSS on your project easily. The Package follows the 7-1 architecture project structure.

Project Title - Create SASS APP Ever wanted to code up a frontend project with SASS & SCSS and you are stuck with building the acclaimed 7-1 architect

Kelechi Okoronkwo 7 Sep 22, 2022
A library to make creating CSS polyfills much easier.

UPDATE (2016-12-22): I am no longer supporting this library for all the reasons I address in my post The Dark Side of Polyfilling CSS. If you choose t

Philip Walton 294 Oct 9, 2022
Make a cool summer-themed portfolio website.

Summer Hacks ?? ?? 7th - 9th May'21 | ?? Online, GitHub Welcome to Summer Hacks powered by SOA Code Room About Summer Hacks ?? Summer Hacks is the fir

Hack Club ITER 27 Oct 10, 2022
Source code for Chrome/Edge/Firefox/Opera extension Magic CSS (Live editor for CSS, Less & Sass)

Live editor for CSS, Less & Sass (Magic CSS) Extension Live editor for CSS, Less & Sass (Magic CSS) for Google Chrome, Microsoft Edge, Mozilla Firefox

null 210 Dec 13, 2022
AngularJS SPA Template for Visual Studio is a project skeleton for a simple single-page web application (SPA) built with AngularJS, Bootstrap, and ASP.NET (MVC, Web Api, SignalR).

AngularJS SPA Template for Visual Studio This project is a skeleton for a simple single-page web application (SPA) built on top of the: AngularJS 1.2.

Kriasoft 105 Jun 18, 2022
A set of small, responsive CSS modules that you can use in every web project.

Pure A set of small, responsive CSS modules that you can use in every web project. http://purecss.io/ This project is looking for maintainers to suppo

Pure CSS 22.7k Jan 3, 2023
Cyberpunk Store - online supermarket project, using cyberpunk inspired theme.

if you downloaded the project from GITHUB >> TO START THE PROJECT WITHOUT ERRORS - Copy/Cut the "assets" folder into "Client/src/" folder (i threw the

Ariel Cohen 1 Jan 2, 2022
⚠️ personal purpose project

adorable-css-to-unocss Make it easy to use some rules of adorable-css on unocss. ?? Check out this test page to see which rules are supported. how to

Young-do Cho 5 Aug 23, 2022
A modern, responsive CSS boilerplate library to kickstart any web-based project.

Peacock CSS Peacock is a modern, responsive CSS boilerplate library to kickstart any web-based project. It is simple, lightweight and it contains all

Binary Birds 8 Jan 23, 2022