A simple starter kit for creating a CRUD Todo Application. This is meant as the starting point for the Code Corvallis Meetup JavaScript sessions learning more about JavaScript.
Packages like webpack and Babel were purposely left out to focus on creating the application. Later projects may add webpack, Babel and/or other API's and packages. Many details are left out and meant as discussion points.
The goal is to write a simple Todo type application with a pre-selected set of packages. A seperate project will be used to create the backend.
Recommended Steps:
- Fork this project and modify as desired (Add to your own github account)
- Run
npm installto install the packages - Run
npm startto validate everything is installed and runs - Design a prototype UI. See
pocfor a starting point - Start implementing
Considerations:
- Handling CRUD Operations
- Error Handling
- Usability
| Name | Description |
|---|---|
| Vue | JavaScript Framework |
| Bulma | CSS Framework |
| Axios | HTTP client |
| ESLint | JavaScript Linter |
| JSON Server | REST API Faker |
| JSON Schema Faker | JSON Faker |
| Live Server | Test HTTP Server |
| npm-run-all | Run Multiple NPM Scripts |
| Rimraf | rm -rf util for node |
| Chalk | Terminal Styler |
Initial Data Model:
| Field | Type | Notes |
|---|---|---|
| id | number | primary key |
| priority | string | Values: Low, Medium, High |
| status | string | Values: New, In Progress, Done, Canceled |
| category | string | Values: Home, Work, Other |
| title | string | |
| description | string | |
| created | date/time | Timestamp created on server |
| lastUpdated | date/time | Timestamp updated on server |