Skip to content
This repository has been archived by the owner on Oct 5, 2021. It is now read-only.

Latest commit

 

History

History
67 lines (55 loc) · 1.54 KB

README.md

File metadata and controls

67 lines (55 loc) · 1.54 KB

react-todo-list

An introductory project for trying out react by creating a simple to-do list application.

💛 Hosted on Github Pages: https://yuelchen.github.io/react-todo-list/

Preview:

ToDo List Preview


Command Line Reference

Create the project using npm.

npm create-react-app react-todo-list

Change into project directory.

cd react-todo-list/

Start the application.

npm start

Build the application.

npm run build

Deploying the application to GitHub pages.

  1. Under the project directory, install gh-pages module (first-time-only).
npm install gh-pages --save-dev
  1. Modify package.json by adding the GitHub pages URL as homepage (first-time-only).
{
  "homepage": "https://username.github.io/repository-name/",
  "name": "repository-name",
  "version": "0.0.1",
  ...
}
  1. Under the scripts section, add the predeploy and deploy fields (first-time-only).
  "scripts": {
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build",
    "start": "react-scripts start",
    ...
  },
  1. Deploy the application.
npm run deploy

🚩 Disclaimer:
This project was bootstrapped with Create React App.

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.