opencode18 / prodesigner

OpenCode'18

Opencode is an open source event aimed to raise awareness about open source. It is a month long event where participants contribute to different projects and earn points simultaneously. A minified version of GSOC, OpenCode is organised by the FOSS wing of IIIT-Allahabad's technical society, Geekhaven.

How this works?

• Participants are required to solve the issues and earn points.
• At the end of competition, winner will be declared from top 5 by judging the quality of issues solved by them.So the participant with the most points need not be the winner.
• Projects registered for the event can be solved to earn points. All of them can be found at OpenCode Organisation with label opencode.

Prizes and important points

Prizes (Cash prizes as well as Goodies) will be awarded in the following categories:

• Grand prize winner (selected from the TOP 5 by the organizers) : Cash prize worth 2.5k, T-shirt, stickers and Certficate.
• Top 5 Participants based on points: T Shirts, stickers, Certificates.
• Participant with most points : Cash prize of 1k
• Participant with second most points : Cash prize of Rs.500
• Every participant with 4 PR merged will be awarded a digital participation certificate.
• Top 5 will get direct admission to Hack In the North.
• Amazon gift voucher worth Rs. 300/- will be presented to one lucky participant who puts the OpenCode poster as his facebook or tweets during the event and do the most social media outreach.
• All mentors with 4 good PR's will get stickers and certificate.
• Mentors as chosen by the organisers will be given passes to attend Aparoksha, the annual techfest of IIIT Allahabad.
• There will be a repo only for female developers, for the same there will be a special prize.
• Referral points will be given to any participant only for first 20 days.
• A participant at anytime can have 2 issues assigned.If there is no activity on the issue for 3 days then the issue will unassigned and available to all.
• For IIITA first year students, it is necessary to score 100 points to be eligible for FOSS Wing interviews.

Scoring Criteria

Each project will have issues open in it of varying difficulty and each issue will have points associated with it as below:

• Rookie: 10 points
• Skilled: 20 points
• Advanced: 30 points
• Expert: 50 points

Want to participate?

Fill in this form first and then add yourself in this project.(Will be released soon)

Do you have an exciting idea for a project or want us to help you with your previous one? Then be a mentor in OpenCode'18.

prodesigner's Issues

animation task - get an svg image and animate it

Animate in any way but it should not be rotating or moving image as a whole.Use google to look for how svg and what can be done in animating svg's.

Create a pen on codepen and update readme with link.Sharing your pen on Facebook and other platforms make your submission complete.

An example can be found here:
https://codepen.io/anupam_dagar/pen/LebLXG?q=svg+goku&limit=all&type=type-pens

Pure CSS Images Task 2 - Doge

Make a Doge 🐶

This is a doge,its not a dog.
Comment codepen link , after approval send pr to Submissions/username/doge

Purse CSS task - Superheore

Make a Pure Css of any of marvel or DC superhero(Sorry no shakitman).

You can make anything realted to them.

Increase width of codepen

Make sure the codepens are all visible.

star this repo

screenshot on comments

Concept 2 - Chat

Make a direct messageing app on codepen.

Make sure you name in codepen as Opencode Concept 2 - Chat

example , Use the JS Code if you want, we are looking at CSS skills only.

Share your designs in socialmedias

Screenshots here!

Create a website for pro designer

Create a website which shows the codepen.
Site should be minimal.

create a good looking landing page for opencode

take inspiration from current landing page of opencode18 website.

Concept 6 - Intercom

Example https://codepen.io/andytran/pen/JKVprw

Concept 3 - IIITA website

Redesign IIITA website. 😄 https://www.iiita.ac.in/

Lets see your creativity.
Submit like previous posts.

Pure CSS Images Task 1 - Wine Glass

Create a Pure CSS Image of Wine Glass.

• Use Codepen
• Add Codepen Link to README

Resources

• A Beginner’s Guide to Pure CSS Images
• My journey with pure CSS images

Make a mascot

Create your own mascot using any animal you feel like.

It should have atleast 3 types of different expressions.

Post on behance and comment the link.

Make a logo

Make a logo which looks like any emoji of your choice.

Comment the emoji at the bottom.

Pure Css task 3 - Cat

Concept 5 - Isometric Design

Design no longer has to be purely flat, it can take on plenty of perspectives even while being so. Isometric projection presents objects and elements in a three-dimensional angle to make each distinct, and presents the opportunity for a creative and compelling bigger-picture view and story.

Some example codepens are:

https://codepen.io/nosir/details/rzaLA/
https://codepen.io/jkantner/details/egJyrO/
https://codepen.io/eva_trostlos/details/MeyrGP/

This is a new trend,so you are free to make anything you feel like. Follow same instructions as previous tasks.

3D css image

Create something like https://metamask.io/ for hack in the north mascot neo

Special prizes await people who do this isse and gets their PR emged

• By team Hack in the North

Redesign a popular app

Redsign a Popular App like

• whatsapp
• instagram
• messgenger
  etc.

Upload the images in behance and post the link.

This is design related, you just need images. Not actual deisgn.
dont forget to tweet and post on facebook by tagging opencode.

Concept 1 - Login Page

Create a login page for a hypotetical Mobile App (Size of mobile Screen)

Inputs : Username,Password 😸

Share codepen link
Add codepen link in Readme

You need to desing a webpage not an App.

Pure CSS task 4- Snowman

Concept 4 -Parallax

Apply parallax on a website to show a sea or jungle or sky.