How To Contribute In MGM's Hustlers.

Introduction:

We are a bunch of MGMites building stuff to try to improve the technical abilities of our fellow

mates.

You can find the GitHub repo here

Vision

To provide a one-stop solution for students to showcase their profile - on our own personal social website.

Mission

To help students develop their development skills and learn about contributing in open source.

Site Components:

There are Four Components of the site,

1. Header
2. Image 
3. Description 
4. Footer 

Header:

header is contains logo,our name,2nd 3rd 4th year, and About us page

logo-it redirects the user to the official MGM college website

name-it has two names Piyush Mahajan and Monson verses which redirect to their portfolio

Years 2nd 3rd 4th year contains a profile of students in their respective year.

(second.html is index.html )

About us page for information about the website and how to contribute to it.

Image:

it contains your image. you can be creative with it it can be a group photo or any function photo but you should focus on it.

Best Dimensions are 1066 - 471 px

Description:

it contains the information about you, it is the main part of the website, you should describe yourself in two-three lines and the information should be in a professional way. 

Footer:

it has the name of the student and icons for his social handles (like GitHub, LinkedIn, and Instagram) and right and left toggle buttons.

How To Contribute to MGM's Hustlers:

so to create your profile on the MGM grind set you need to fork this repo first->

basic info on how to fork and clone->

https://docs.github.com/en/get-started/quickstart/contributing-to-projects

now download the repo and you'll get a copy of it in your system.

1) now open the HTML file of your year (if you are in the second year, go to the index.html , If third year then third.html, and so on) and open it with the live server so you'll see the interface mentioned below.

2) after that you need to copy the template code and make some changes according to yours.

3) now go to your years .CSS file and add the template code given below. add your images using CSS, and the check counter should be one plus if you are adding your image.

4) now basic changes like in the footer you must add your name and your social handle like LinkedIn, GitHub Instagram (and if you have a portfolio link plz add it too).

Must Remember:

in the description section, you should describe yourself in a very concise manner, and below that, your skill should be there(like web development and languages you know, etc) 

if you know much about HTML and CSS and you want to customize your profile or you don't have a portfolio website but want to show your skills then we will consider your changes.

for making your own about me page you should create and name the file like aboutpiyush.html and about<your name >.css and its button should be in the description. (but plz don't disturb the flow of code like responsiveness check before commmit😁).

other changes like adding more social handles also will be considered.

After contributing you must take a screenshot of your profile and put it in your pull request so we can assess your contribution and merge it✌️.

for any queries contact me on LinkedIn- and Instagram-

or you can also communicate with Monson Verghese

(ya phir collage mai hi mil lena😎)

Major Contribution Steps: 

If you wish to contribute, we highly recommend following the guidelines mentioned below.

1. Fork this repository.

2. Clone your forked copy of the project.

   git clone https://github.com/your_username/project_new.git

3. Navigate to the project directory.

   cd project_new

4. Create a new branch:

   git checkout -b YourBranchName

5. Make changes in the source code.

6. Stage your changes and commit

   git add .

   git commit -m "<your_commit_message>"

7. Push your local commits to the remote repo.

   git push origin YourBranchName

8. Create a PR

Note: If anyone contributes to this repository, the changes will not be reflected in your local repository. For that:

9. Set up a reference(remote) to the original repository to get all the changes from the remote.

   git remote add upstream  https://github.com/piyush-mahajan/project_new.git

10. Check the remotes for this repository.

   git remote -v

11. Fetching from the remote repository will bring in its branches and their respective commits.

   git fetch upstream

12. Make sure that you're on your master branch.

   git checkout main

13. Now that you have fetched the upstream repository, you can merge its changes into our local branch. This will bring that branch into sync with the upstream, without losing the local changes.

   git merge upstream/main