React Camper Leaderboard

This is my camper leaderboard for Free Code Camp's second React challenge. Demo is available on my site.

User Stories

• I can see a table of the Free Code Camp campers who've earned the most brownie points in the past 30 days.
• I can see how many brownie points they've earned in the past 30 days, and how many they've earned total.
• I can toggle between sorting the list by how many brownie points they've earned in the past 30 days and by how many brownie points they've earned total.

Tools Used

• React.js library
• Webpack module bundler
• Babel.js compiler
• ESLint linter with Airbnb's JS config
• Sass preprocessor with PostCSS' Autoprefixer
• Karma test runner
• Mocha test framework
• Expect assertion library

Install and Build

You need to have yarn installed on your computer, or you can use npm.

Clone this repo

git clone https://github.com/zsoltime/react-markdown-previewer.git
cd react-markdown-previewer

Install dependencies

yarn
# OR
npm install

Start dev server with hot reload

It builds HTML, CSS, and the JavaScript bundle, starts a dev server and refreshes the browser on every saved changes.

yarn start
# OR
npm start

Build production bundle

It builds production bundle, uglifies JS, minifies CSS - ready to upload.

yarn build
# OR
npm run build

Run unit tests

Run unit tests with Karma and Mocha

yarn test
# OR
npm run test