Giter Club home page Giter Club logo

v2's Introduction

Hack Club icon

The old source code for hackclub.com. See hackclub/v3.

Website internals:

Our other website repos:

Development environment setup

The stack: React and Gatsby with the Hack Club Design System.

Stuff you need installed ahead of time:

  • Git
  • Yarn
  • An operating system (we hope)

Clone it!

$ git clone https://github.com/hackclub/v2.git

Go into the directory!

$ cd v2

Install dependencies!

$ yarn

Run it!

$ yarn run dev

License

This project is licensed under the MIT license. Please see LICENSE.md for the full text.

MIT License

v2's People

Contributors

bajpai244 avatar cravend avatar dependabot[bot] avatar exu3 avatar fernandalozanom avatar garyhtou avatar gleich avatar hkatzdev avatar ifvictr avatar itsmingjie avatar juliegoat avatar lachlanjc avatar leomcelroy avatar matthewstanciu avatar maxwofford avatar melsmith104 avatar merelinguist avatar polytroper avatar prophetorpheus avatar sampoder avatar thesephist avatar tmb avatar zachlatta avatar zanedb avatar

Stargazers

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

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

v2's Issues

Data Mismatch

Content Error

image
image

The states data is not matching on the same page. Need to update to the latest data.

Header does not scale well on large displays

Screenshot from a 27" Apple display explains itself:

image

This is something javascript can solve, a possible solution is storing the images in an array, and making it generate as many bubbles as necessary to fill the screen.

Cache Workshops locally with PWA

Discussion thread

Indian clubs (or clubs in other countries with the same situation) might have slower or limited internet access, therefore we might need to cache part of the site locally so they don't need to repeatedly load the entire website.

We can prioritize workshops as it is the most frequently accessed page for club members. While we can't really cache our samples on GitHub or Cloud9, neither can we help a lot with improving their internet speed, we should do our best to assist them with their limited internet by loading less.

Embed workshop previews

There is currently no way to embed JS into a workshop. This is beneficial because having the final result playable right in the page would make it easier and faster to know exactly what you're trying to make.

Fallback for CSS Grid

Here is a screenshot of the part with lots of photos at the bottom in Edge 40.15063 on Windows 10 :
image
In Internet Explorer 11.674 on Windows 10, CSS isn't computed at all (which means all the square photos at the beginning remain even once the page is fully loaded).

Make Homepage Title Not "404"

The current page title as seen by people with JS disabled or some search crawlers is "404 – Hack Club"

image

That page title somehow managed to scare away Yahoo (and in proxy Bing + AOL + DuckDuckGo which uses Yahoo as a data source). The homepage flat out disappeared from the search results :O

image

Segment write key is hardcoded

It started sending analytics requests to our production warehouse on Segment when I cloned this to work on it in development.

Container text not centered

This was captured from the site's homepage. I think the components are still using the previous DS iteration.

capture

Improve metadata for search results

Right now Hack Club is looking pretty weak when compared to the other listings:

screen shot 2018-03-17 at 13 27 51

All we really need is a better description. We got sitelinks, which is awesome, but our description is so short you almost ignore our listing entirely.

CSS takes a while to load

Not sure what changed, but this is what the website now looks like when loading it:

recorded

I think it'd be much nicer to have the CSS load and then have the Slack profile pictures populate. Or maybe we could generate a spritesheet of the Slack images?

Club locations on the map can be highlighted

screenshot_2017-10-23_14 24 59

This doesn't look intentional, so I'm creating an issue.


  • Chrome 60
  • Ubuntu 16.04 LTS
    Steps to duplicate: Click on a marker on the map. It will be highlighted with a blue square.

Add page to recognize notable community members

This page would recognize non-core team community members for their work in helping Hack Club. Would putting this at hackclub.com/contributors sound right? The design would be similar to the Team page.

Ideas:

  • Add link to site where people can nominate people
  • Categorize people based on what they contributed to (e.g. workshops, software, mentoring, etc.)

Site Doesn't Scroll to Top

When you click on the team page, then go back to the homepage, it doesn't scroll you to the top (or bottom).

Screenshot from Gyazo

Improve README instructions

I cloned the repo, cd'ed into the 'site' folder and executed

>git submodule init && git submodule update
Which gave a console output of :
>Cloning into '/home/x/site/content'...

And everything's been stuck there since. The cloning never completes.
Can someone help me out with this. Thanks.

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.