Git Product home page Git Product logo

up-for-grabs.net's Introduction

up-for-grabs.net

Do you run or participate in an open-source project? Submit a Pull Request to add it to the list!

Visit the website: up-for-grabs.net

Add a Project

  • Each of the projects is a file in the projects folder.
  • To add a new one, create a new file named after the project, ending in .yml.
  • Ensure all spaces and special characters are replaced with -, to make everyone's life easier.
  • This guide shows you how to create the file directly in the browser, without cloning the repository in the command line.

The contents of the file are just some details about the project:

name: *project name*
desc: *a brief description of the project*
site: *home page or repository URL*
tags:
# Note: these are tags categorizing the project, not issue labels.
- *tags*
- *to*
- *search*
- *on*
upforgrabs:
  name: *the label associated with the up-for-grabs tasks -- e.g. "help needed" (without the quotes)*
  link: *URL where users can view the tasks -- e.g. https://github.com/username/project/labels/up%20for%20grabs*

Check out the up-for-grabs file for an example of this project structure.

Pull Request Reviews

We aim to be responsive when a pull request is open, but if a pull request sits for 2 months with feedback that prevents us from merging it we will close the pull request. You are welcome to resubmit the project and address the feedback provided.

Use the Yeoman Generator

If you'd like to use a generator to create the project's file, you can certainly do so!

Install the generator, then run it and walk through the steps.

npm install -g generator-up-for-grabs
yo up-for-grabs

Testing the Site Locally

If you haven't already, clone the repository to your machine:

git clone https://github.com/up-for-grabs/up-for-grabs.net.git

If you have a fork of the repository, change up-for-grabs into your GitHub account name above.

You need Ruby and Bundler installed to test the site - you can confirm these are present by running these commands:

ruby -v
bundle -v

If you're happy with that, run these commands in the directory where you cloned the up-for-grabs repository:

bundle install
jekyll serve --watch

Alternatively, the application can be run in a Docker container:

docker-compose up

Then open your browser to localhost:4000 to view the site.

How This All Works

We use a few great features of Jekyll and GitHub Pages to host this entire site for free.

  • We are using a file called scripts.html which is an include file. When we publish the site, Jekyll uses this to concatenate and generate the scripts that will actually be downloaded when a user visits the site.
  • Within the scripts.html template, we're referencing site.data.projects, which gives us access to the entire directory of .yml files as a set of variables. We combine this with the jsonify liquid transformer to turn them into a JSON object. This means that the raw data is generated once, so it downloads very quickly as static data.
  • When the web page is opened, our startup JS processes each project in the array of projects and pushes it into the array that the rest of the site uses.
  • We use travis-ci to run a custom ruby script, cibuild, that checks all the .yml files to make sure they can be appropriately parsed. This makes sure we don't merge any incorrectly formed project files.

What this means is that, when a pull request is merged, GitHub Pages automatically builds the site via Jekyll and publishes it to our GitHub -- no database or hosting needed. (Thanks, GitHub!)

up-for-grabs.net's People

Contributors

shiftkey avatar ritwik12 avatar dahlbyk avatar andy5995 avatar simply007 avatar dependabot-preview[bot] avatar chrismissal avatar jrusbatch avatar griffintaur avatar phenax avatar swapagarwal avatar github-actions[bot] avatar forki avatar hhirsch avatar ghuntley avatar abdur-rahmaanj avatar artofcode- avatar zarad1993 avatar prateekkalra avatar waldyrious avatar colinmoulds avatar mikecole avatar chfast avatar ploeh avatar khellang avatar lbeckman314 avatar zvonimirr avatar chandu avatar peterdavehello avatar dependabot-support avatar

Watchers

James Cloos avatar  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.