Code Monkey home page Code Monkey logo

microclub-usthb / hacktoberfest-2k20 Goto Github PK

View Code? Open in Web Editor NEW
14.0 1.0 24.0 88.56 MB

Micro Club is celebrating Hacktoberfest for the third year, join us in the open source community!

License: MIT License

JavaScript 9.26% CSS 0.42% HTML 1.51% Go 0.14% Java 1.02% Jupyter Notebook 82.81% M 0.01% Python 0.34% SCSS 0.14% Vue 4.35%
hacktoberfest open-source contribution begginer-friendly challenge hacktoberfest2020 student-club python html css

hacktoberfest-2k20's People

Contributors

abdellahoumh avatar amelabidi avatar anis-adlaoui avatar bouzi13 avatar dependabot[bot] avatar el-yu avatar hypatchia avatar indigowizard avatar l4rbi avatar marouanebouaricha avatar mehdislik avatar muk4g3n avatar ousszizou avatar panvicka avatar samocraft avatar sarralksc avatar shirogin avatar thisisbrad avatar xenomshox avatar yalamanel avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

hacktoberfest-2k20's Issues

Document Translation

(comment "taken" to be assigned to this issue while specifying the language/ multiple languages = multiple assignees)
The main README.md file includes general info about Micro Club, the Hacktoberfest event and contribution tutorial in English.

  • Translations contributions should go into dedicated folder /translations and should be named with the abbreviation of the language (e.g: README_Fr.md, README_Ar.md, ...etc)
    Mind the following:
  • Translation should be based on the original README.md file (that's in English)
  • Avoid garbage translation (raw google translate output)
  • If things can't match in your language, manage it in a way that's understandable, the general meaning should be understandable.
  • Link you're translation to the main READM.md file (just put it under the big cover picture, and name it with language initials, e.g: Ar, Esp, Fr, ...etc)
    Starting point:
  • Add a French translated version of the README.md
  • Add an Arabic translated version of the README.md file.
  • Add Spanish translated version of the README.md file.
  • Other languages are welcome!! (you can add it to this issue list)

Weather app

Create a single page web app, that displays the Weather in the area of your current position in the world, this project can be done using either React / Vanilla JS

  • OPTION: display weather in a specific location in the world
  • OPTION: display weather of the entire weak

Badges

Add badges to the main README.md to display informations about the state of the repo

reuse-2

a todo should display the task and the date of creation, if finished and moved in "finished" category, it should also display the date when it was finished

Contribution Tutorials (different Git clients & methods)

(comment "taken" and precise which tutorial you're gonna work on so you'll be assigned. Multiple assignees can work on this issue)
Add a detailed walk through tutorial for one of the following:

  • Getting started: GitHub (In your Browser) - (Easy)
  • Getting Started: GitHub Desktop (GUI) - (Easy)
  • Getting Started: GitKraken (GUI) - (Intermediate)
  • Getting Started: Git (CLI) - (Intermediate)
  • Getting Started: Visual Studio Code (CLI) - (Intermediate)
  • Getting Started: Git CLI + GitHub CLI - (Advanced)
  • Other clients & methods

Mind these criteria:

  • Tutorial should be about contribution process to this very repository (younglings tend to be confused, this should help)
  • Use clear and comprehensible method.
  • Use English for the tutorials.
  • Use images to illustrate steps ( screenshots, .png or GIF of this repo will do)
  • make sure the illustrations are clear enough
  • Highlight the important commands
  • Keep it simple, no need to use Marvel Multiverse to explain how branching works (I reserve the right to do that cuz, yeah)

Repo Website/GitHub Page (challenge)

(comment with "taken" to e assigned to the issue!)
Build a basic website for this repo(you can use GitHub Pages/Heroku or other free alternatives)
In the website:

  • Basic Club/repo presentation section

  • Event presentation section

  • Display of contributors list (cards with basic info, e.g; github username, contribution link (pr) ..etc,)

    • Contributor's GitHub username
    • PR link
    • Contact link (GitHub/LinkedIn/Twitter)
    • Other (edit issue)

    You can convert the existing profile pages .md files to json and make it the standard file format for the 1st challenge on this list.
    You can setup a new file format for the contributor profile challenge.

  • Contributors shout out list order:

    • Chronological (newest contributors appears on top of the list)
    • Relevance (those who made most contributions to this repo appear on top)
    • Make the card flip on hover to show the image of their octocat from MyOctocat challenge (feature)
  • List progress

    • Open issues
    • Pull Requests Open/Merged
  • List Challenges (maybe just the title with a link to the challenges README.md file

  • Keep it simple, basic, use beginner friendly tech, setup the structure and push it so others can join to work on it!

  • You can always add more features or tweak existing ones for the best!

  • List the tech you're using or gonna use, it can be helpful for future contributors!

Create a Todo List

In this is mini project, you are invited to create a To-do List using either Vanilla Js or React , we leave the design up to your creativity, but the app must contain some features.

  • Create a single page todo interface with an input, and the list of todos

  • make each todo able to be toggled as finished, each finished todo will be moved into the "finished" category

  • a todo should display the task and the date of creation, if finished and moved in "finished" category, it should also display the date when it was finished

  • Saved todos in localstorage and load them when page loads

  • OPTION: create a filter setting, to filter the todos by certain constraint like date creation ect.

  • OPTION: add priorities to todos

  • OPTION: add a color picker in creation (pick a color for each todo), if no color is picked choose random one

  • OPTION: save todos in a Database

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.