Coder Social home page Coder Social logo

papaia / tph-website Goto Github PK

View Code? Open in Web Editor NEW

This project forked from the-programmers-hangout/website

0.0 0.0 0.0 2.36 MB

๐ŸŒณ TPH website

Home Page: https://theprogrammershangout.com

License: MIT License

JavaScript 11.56% TypeScript 88.44%

tph-website's Introduction

TPH Website

The official website for The Programmer's Hangout.

Contributing

The site is built with Gatsby which is used to leverage the power of React while allowing for static asset generation along with improved SEO.

This site and resources is still a work-in-progress and subject to change

Setup

  1. Clone the repo
  2. npm install
  3. npm run develop
  4. Nagivate to http://localhost:8000
  5. ๐ŸŽ‰

Resources

If you're not familiar with Gatsby or React, you can still contribute by adding resources for languages you are familiar with.

The list of resources can be found here

Adding a new resource

Gatsby will take care of most of this process by creating a new page and positioning it in the sidebar automatically once you write up a new resource. All you have to do is follow these steps:

  1. Create a markdown page in the appropriate location. For example /src/content/docs/haskell/monads.md
  2. Add the required frontmatter for the post. More info here
  3. Write your main content.
  4. Add external_resources about the subject if possible.
  5. Run through the setup steps if possible to make sure your changes look ok.
  6. Create a pull request.

Frontmatter

Frontmatter is the optional metadata attached to every markdown file, like the list of authors or the creation date of the file. It is essentially just yaml syntax inside --- delimiters within a markdown file. If you're not familiar with yaml you can find some refreshers here

An example frontmatter might look like this

---
authors:
  - "Xetera#0001"
title: "Working with Lists in Elixir"
created_at: 2020/01/30
external_resources:
  - "https://hexdocs.pm/elixir/List.html"
---

# Title

some content here

You can look at other resources like this one for reference when creating your own. We use ISO8601 as the date format to confuse both Americans and Europeans an equal amount.

tph-website's People

Contributors

1computer1 avatar adin234 avatar aiden01 avatar amhndu avatar astronauteva avatar axiw avatar cakewithdivinity avatar ddivad195 avatar hubertye avatar junlarsen avatar khinshankhan avatar mahanthathreyee avatar odensc avatar phinguyen1618 avatar puremana avatar sanketmaru avatar thomas-crane avatar tloru avatar veksen avatar woojiahao avatar xetera avatar

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.