Coder Social home page Coder Social logo

hf2020_cards's Introduction

Hactoberfest 2020 Participation Card

Who is this repository for?

This is a beginner firendly 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 befor 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

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.