/react-trello

Starter code for the React Fundamentals course project

Primary LanguageJavaScriptMIT LicenseMIT

Build a Kanban-style React App

Starter code for the project in the React Fundmentals module of the React course.

Follow along with the classroom lessons to complete the project, or attend a live-stream session with your instructor from the Discord server.

React Trello by AlterClass

Check out the live demo of the final result: https://react-trello.app.

create-react-app

This project uses the popular create-react-app (CRA) command to setup a modern React application. This way we can focus on the code itself, and not worry about configuring many build tools.

The package.json file provides four scripts:

  • start: Runs the app in the development mode.
  • build: Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.
  • test: Launches the test runner in the interactive watch mode.
  • eject: Remove create-react-app build dependency from your project.

Instructions

  1. Clone the project repository: git clone https://github.com/AlterClassIO/react-trello

  2. Navigate to the project folder: cd react-trello

  3. Install the dependencies: npm install

  4. Start the app in the development mode: npm start

Compiled successfully!

  1. Open http://localhost:3000 to view your React application in the browser

React Trello starting point

  1. Follow along with the lesson.

  2. Implement the project.

  3. Submit!