Giter Site home page Giter Site logo

todo-list-in-react's Introduction

hw3_todolist_in_React

Implement your TODO list in HW#2 with React.js.

Get started

  1. Click on this link to access the reference code from GitHub classroom.
https://classroom.github.com/a/8q3Y5nfC
  1. Change directory to "own"
cd own
  1. Now in "own" directory, you first install React related files by the following command:
yarn

or

npm install
  1. Test if React is installed correctly by:
yarn start

or

npm start

You should see an empty TODO list like this:

  1. Now you can start coding. Please follow the CSS styles as used in HW#2. The CSS file is in "public/styles.css".

  2. The top React component is "class TodoApp" and is stored in "containers/TodoApp.js".

  3. Place the React components in "src/components" directory. We have provided a "Header.js" as an example.

Homework Deadline

9pm, Monday, 11/02, 2020.

Homework Review

If you submit homework in time, you should receive 2 other students' homework for review within 24 hours. Please folloing the instruction and fill in your review in this Google form: https://forms.gle/t5XhmiVdnT2akU986

Review deadline is: 9pm, Monday, 11/09, 2020.

After the deadline of homework review, TA will push others' review back to your repo within 1 week.

Contact TA and Ric

If you have any question regarding to this homework or this class, please e-mail to: [email protected].

You are also welcome to raise the homework related questions on FB group.

todo-list-in-react's People

Contributors

ycchang0324 avatar ric2k1 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.