Code Monkey home page Code Monkey logo

resistance-calendar-frontend's Introduction

PRs welcome; seeking all roles

See our contributing guide for more information.

The Resistance Calendar aims to empower progressive activists by providing a massive central listing of upcoming events. Crowdsourced event submissions are curated by a team of volunteers, while events from allied organizations will be included automatically. Event filters make it easy for people to find events near them. Filtered notifications help people discover new events immediately.

This is a rebuild of the live website currently found here.

This repository covers the ReactJS front-end. The API can be found here.

Setup

Install the dependencies

yarn

Note: Can also use npm instead of yarn for these commands. Here's an article comparing the two package managers.

Run the test suite

Uses Jest/Enzyme

yarn run test
yarn run test:watch

Run the linter

Uses Airbnb's eslint rules with some modifications

yarn run lint
yarn run lint:watch
yarn run lint:watch-npm

Run the dev server

yarn run dev

This project will run on http://localhost:5050/

yarn run build

Features

  • Webpack v2
  • Babel to compile ES2016+

CSS

Component-level styling uses Sass, SCSS, or CSS with CSS Modules. Global styles are placed in src/style's subdirectories, and component-level styles are placed in the component's folder.

Note: the CSS Module property camelCase is enabled, meaning styling classes defined as, say, .test-name will be referenced inside of a component file as stylesObj.testName. This allows us to follow CSS naming conventions while avoiding bracket notation in Javascript.

MIT


Return to top

resistance-calendar-frontend's People

Contributors

dentemple avatar pfarnach avatar dorono avatar sdotson avatar jktravis avatar

Watchers

 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.