opencodeiiita / opencode-collaborative-20

Opencode20 Collabrative website!

Opencode Collaborative 2020

Like us on Facebook

About us

OpenCode is a month long open source program organised by GeekHaven IIIT Allahabad. OpenCode attracts talent from all over the world. People contribute to various open source projects. We welcome everyone to experience the awesome event and win exciting prizes.

Requirements:

• GitHub Account
• Git

Setting up git:

• Download and install the latest version of Git.
• Set your username in Git.
• Set your commit email address in Git.

Adding a mentor

To add a mentor open mentors.json and please maintain the following format EXACTLY (replacing values where indicated):

     {

        "name" : "Mentors Name",
        "imageurl" : "mentor/image.jpg",
        "about" : "Hello I'm a web developer",
        "facebook" : "url",
        "github" : "url",
        "twitter" : "url"
     }

IMPORTANT:

• All images must be optimized before uploaded to the repo via commit or PR.
• The images should be of square resolution.
• If you do not want to include social media accounts, leave the field empty "facebook":"".

Adding yourselves to participant section

To add yourself to student section you need to open the file participants.json and please maintain the following format EXACTLY (replacing values where indicated):

   {

       "name" : "Name",
       "imageurl" : "contestant/avatar.jpg",
       "about" : "Hello I'm a web developer",
       "college" : "My college",
       "facebook" : "url",
       "github" : "url",
       "twitter" : "url",
       "referral" : "who refered you?"
    }

IMPORTANT:

• All images must be optimized before uploaded to the repo via commit or PR.

• The images should be of square resolution.

• If you do not want to include social media accounts, leave the field empty "facebook":"".

• While working with JSON, check the file using JSON Lint before opening pull request

Contributing

Getting started

We will follow the official GitHub documentation for setting up the repo.

• Forking and cloning the repository

  Link to GitHub Docs

  By forking a repository you create your own copy of the project and make your changes there. Cloning a project means that you are setting up the project on your local system.

• Syncing a fork

  Link to GitHub docs

  We keep our fork in sync to the original repository so that our copy of the project has the latest changes from the original project.

• Making changes to project and committing a change

  Link to docs

  Committing means making changes to the project and adding your changes to the GitHub.

• Making a pull request

  Link to docs

  • Pull request means submitting your changes to the original project for the review. Once the maintainers of the project feel that your changes are appropriate then your pull request will be merged.

• Add relevant commit message in the pr, mention issue number and live link to comment while making pr.
• Note: In case you feel any issue during setting up the project or using git, don't hesitate to ask us on our slack channel. We will help you out.

Guidelines and Best practices

Please help us follow the best practice to make it easy for the reviewer as well as the contributor. We want to focus on the code quality more than on managing pull request ethics.

• People before code: If any of the following rules are violated, the pull-requests must not be rejected. This is to create an easy and joyful onboarding process for new programmers and first-time contributors.

• Single commit per pull request and name the commit as something meaningful, example: Adding <-your-name-> in students/mentors section.

• Reference the issue numbers in the commit message if it resolves an open issue. Follow the pattern Fixes #

• Provide the link to live gh-pages from your forked repository or relevant screenshot for easier review.

• Pull Request older than 3 days with no response from the contributor shall be marked closed.

• Do not make PR which is not related to any issues. You can create an issue and solve it once we approve them.

• Avoid duplicate PRs, if need be comment on the older PR with the PR number of the follow-up (new PR) and close the obsolete PR yourself.

• Be polite: Be polite to other community members.

• Communicate: Whether you are working on a new feature or facing a doubt please feel free to ask us on our slack channel. We will be happy to help you out.

Happy Coding ✌️

opencode-collaborative-20's Issues

add favicon

Align projects section links and data

1. Heading should come in one line
2. project links should be in one line

Replace the social icons with font-awesome icons

Also add some hover effect.

Adding myself

Hey! This is me writing from the mobile for the first time here.

Write a blog about any technology

You are required to write a blog about any thing that you learned during OpenCode. It can range from anything between different ways to give CSS properties to any HTML element to building say your own backend server or about an algorithm which you learned or any producitivity tip on which editior to use or which terminal extensions or environment you use.

I guess you get the gist that the blog can be about anything and everything. It would be better if you could write the blog on Medium and comment the link here.

Make optimizations in website to load it faster.

While loading the website, observe the network tab within Developer Tools. It shows all the resources which are being requested by the website. Try to find out things which are aren't necessary and remove those requests by deleting the concerned import. Check the duration of loading as well as shown in the below picture and try to see if they can be reduced.

This issue is for everyone.

Add a projects section

Add all opencode'20 projects here

Correct participant json

Remove all duplicate entries and beautify the json
One day time.

Add a background colour to header

As of now, the background colour is transparent. Your task is to change the colour to white.

align the project section properly

Improve header for mobile view

Add a Loader to the website

Make sure loader is animated, made by you and uses open code logo.

Make Projects section responsive

Add a navigation drawer

put all the nav bar items in the navigation drawer

Add yourself as a participant [Mandatory]

Welcome! This will be your first task.
Follow this link if you need help: link

Create a footer for the website

Things required in the footer:

Logos of IIITA and GeekHaven on the left side.
OpenCode's social media links in the center-> Facebook, Twitter and GitHub.
OpenCode's logo on the right side.

Add participants Section

Fetch Data from participants.json
It should display the name and most of the information in JSON.

Fix extra white space in list.md

check 1.

Add Pagination to participants section

Add games made by participants section

Load any default image in participants section on error

2 errors possible Error:

1. No image given
2. Image not found

Edit Participation Section

The current participation section is not at all aligned and has no structure. Beautify it by making cards for every participant.

Add a background colour to header

As of now, the background colour is transparent. Your task is to change the colour to white.

Make a todo list

use html, css, javascript and make a simple todo list having an add and remove button.
add a gh pages link to the list in list.md file, the list should be made after open code started.

Add a section to list out all the Github Resumes made by Participants

The data to be displayed is in the data/GitHubResume.md. Make sure you create the section using cards

Project section correction

1. Remove the top project section(there are two)
2. align the bottom project section for mobile view and desktop view
3. add remaining projects,

Add a timer above hero image

It should show the number of days hours and seconds left.

Align the "About OpenCode" Section Properly

Remove or edit the grey bars

mention issue number 1

mention issue number 1

Originally posted by @Ace-Bansal in #107 (comment)

Remove unnecessary Options from the Navbar and add relevant ones and correctly link them

Add social icons to the top bar

Add social icons with open code social links

Edit the OpenCode Project Section

The Projects are miserably aligned and no structure is there.
Align the contents properly and enclose them within a card.

Some sample card designs are attached for reference.

Create the first version of the landing page

Alright then, let's start building the first basic version of this website's landing page (the front page or the first thing that you see when you open the website)
A good place to start can be putting up a nice background with OpenCode's logo in the middle.

Correct Location of participant section

1. Put it above projects section
2. Add required space before other section

Make Participants appear Alphabetically in Participant Section

Project repository link should open in new tab

When you click on the Project Repository button, it should open in a new tab.

Make a website for yourself

Don't use site builders, you can make anything add your photos project etc. The website should be made after opencode started.

edit: add it to websites.md file

Add Mentors Section

Fetch mentors from mentors.json

Design participants section card

You should display all relevant details gathered in json

Change Hero Image to a more suitable one for Opencode

Generate your GitHub resume

Generate your GitHub resume by following the instructions in this repo.

Update GitHubResume.md in the data folder and create a PR once you're done.

Also mention the link to your GitHub resume in the comments below.

Fix MoviesSearch project name typo

Become a GitHub Pro!

Apply for the GitHub Student Developer's Pack. Read more about it here.

Comment the confirmation email that you will receive after you get the pack in the comments below.

Also, add your name and GitHub handle to the GitHubPro.md file in the data folder and send a PR. Follow the markdown structure as shown in the dummy contestants's example.

Markdown Cheatsheet

Make a todo list with backend

Add it in the to do backend.md
It should have at least edit, add, delete functionality, host it one suitable platform.

Add a section to list out all the Websites made by Participants

The data to be displayed is in the data/Websites.md. Make sure you create the section using cards

Add move to top button

it should be floating in bottom right side

Create Footer

The current footer looks really bad. Add a cool footer and link all the social networks within it.
Make sure alignment is proper in every resolution

Make a java script game

add a gh pages link to the game in Games.md file, the game should be made after open code started.

Add Full Page Scroll

Refer here : https://alvarotrigo.com/fullPage/#page1