Coder Social home page Coder Social logo

hf2020_cards's Introduction

Hactoberfest 2020 Participation Card

Who is this repository for?

This is a beginner friendly repository. You can start your Hacktoberfest journey with this repository. Here you will be your own card & page as a markdown file and it will be shown in the hosted version of this app.

How to Contribute

Step 1: Fork this repository and clone that forked repository to your local machine.

Step 2: Inside the /pages/_posts folder, create your own markdown file with your name. For example, my name is Ayushman Bilas Thakur, so the file I will be creating is ayushman_bilas_thakur.md(Use the _ for a legible URL, just make sure you don't use spacebar). Please start by copying default.md and filling out the top part.

Step 3: Of course, we are developers. We want to test everything before uploading it. For that just run npm install and then npm run dev to run the project locally and see how your card/page is shown by clicking on your name on the homepage. Live reload is enabled here, so feel free to change the makdown as per your liking as long as possible.

Step 4: Once you are happy with your card and page, push the changes to the forked repo, and from there submit a Pull request to our repo.

Step 5: Wait for your PR to be accepted and see your card and page show in our live page @ Test URL

Extra note: It will be better if you upload the pictures externally and link them in the markdown. In case you can't find any service you may use the static folder, but be careful with the image/images you are uploading.

Technology used

Hello curious person, we have used saber, a vue.js based framework for Static Site Generation. So, if you know vue.js, you are welcome to show your creativity in the markdown based pages, which can also handle vue.js code and works somewhat like a vue.js component

hf2020_cards's People

Contributors

abhi14nexu avatar achakraborty13 avatar adutta93 avatar agnisain123 avatar alanalvarez5 avatar ankit152 avatar aroy97 avatar aryan6290 avatar ayushmanbt avatar deepak821 avatar dev582 avatar dipan29 avatar goldorb avatar indranildgupta avatar invinciblenobita avatar kylixmedusa avatar madhushaw1012 avatar maximumbreak avatar pritikmshaw avatar saptarshikolay avatar sarbesh avatar singhayushh avatar snehashis365 avatar sristidakshit avatar thevirtualbuddy avatar tommylans avatar xritzx avatar

Stargazers

 avatar  avatar

Watchers

 avatar

hf2020_cards's Issues

Vim binaries inside /pages

This PR caused an issue which will fail the checks of all incoming PRs.
@InvincibleNobita you haven't added your vim binaries to the .gitignore!

I'll be removing them for this repo
Make sure you don't commit those binaries in any other repo.

(FYI: Those are just backup files vim creates for every file you open with vim)

Originally posted by @singhayushh in #25 (comment)

Invalid URL in default.md

Where was the bug found?
File name: default.md
File path: /pages/posts/default.md
Line No: In the last line, with the following text
If you Want to do something more in these pages then have a look at the page by Ayushman

How to face this bug?
Opening the files on Github

Also, the file advanced_features.md does not compile the js tags added when viewed from the Github Web Interface

Sort the cards according to date added

This page is made using saber, a vue.js based framework. If you have the knowledge, please fix index.vue in the pages folder, so that the pages are shown one by one according to date added.

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.