Giter Club home page Giter Club logo

todo's Introduction

Assignment 6 (JS Todo APP)

Yiqing Huang 001525629 [email protected]

demo

Requirements

**Create a simple Todo application using JavaScript. **

User Requirements

  1. As a user, I should be able to see all to-do items fetched using an XHR call from a JSON file.
  2. As a user, I should be able to click a to-do item and able to see its detailed view.
  3. As a user, I should be able to open add a new to-do item view by clicking the add button and this need not be persisted.
  4. As a user, I should be able to add a to-do item by entering the title, description, due date, and time.
  5. As a user, I should be able to mark a to-do item as complete.

Technical Requirements

  1. The goal of this assignment is to learn about JavaScript
  2. Should use SCSS for styles.
  3. Should document your code extensively.
  4. Should have .gitignore, ReadMe.md files.
  5. ReadMe.md file should have the project description and the instructions to run the project.
  6. No JavaScript & CSS libraries should be used for this assignment.
  7. You do not need to save the changes made on UI to JSON file.

GitHub

Link: https://classroom.github.com/a/xpHykJUX

  1. Follow the GitHub link.
  2. Select your email address (the list is scrollable). If your email is not available, skip to the next step and let TAs know about it.
  3. Your git repo should have a .gitignore file excluding log files, node_modules & dist directory, and README.md with the description of the assignment.
  4. You should have multiple smaller commits.
  5. You should push the assignment to the master branch of the assignment repo. Do not submit it on the blackboard.

Grading Guidelines

  1. Code documentation. (10 Points)
  2. .gitignore, README.md, and multiple Git commits (10 Points)
  3. Assignment completion. (80 Points)

Usage

  1. Install sass according to packages.json
  2. run sass sass scss/main.scss dist/main.css
  3. Start/View index.html

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.