padosum / web-todo-1

우아한테크캠프 5기 2주차 미션 - 금교영, 최연정

Todo List

우아한테크캠프 5기 2주차 미션 - Todo List
View Demo

About The Project

2022 우아한테크캠프 5기 2주차 미션 - Todo List 입니다.

full-time pair-programming으로 프로젝트를 진행했습니다.

Built With

• Vanilla JavaScript
• Webpack

Getting Started

이 프로젝트를 로컬에서 세팅하는 방법을 소개합니다.

Prerequisites

• npm

  $ npm install npm@latest -g

Installation

1. Clone the repo

   $ git clone [e-mail]:woowa-techcamp-2022/web-todo-1.git

2. Install NPM packages

   $ npm install

3. .env 파일을 만들고 Database 설정을 입력합니다.

   $ touch .env

   # .env
   DB_HOST=
   DB_USER=
   DB_NAME=
   DB_PASSWORD=
   DB_PORT=
   

4. client build & run project

   $ npm run build
   $ npm run server

프로젝트 구조

.
├── README.md
├── client
│   ├── app.js
│   ├── components
│   │   ├── Card.js
│   │   ├── CardInput.js
│   │   ├── Column.js
│   │   ├── Component.js
│   │   ├── History.js
│   │   ├── Modal.js
│   │   ├── Template.js
│   │   ├── TodoList.js
│   │   └── mockdata.js
│   ├── service
│   │   ├── TodoAPI.js
│   │   └── TodoService.js
│   ├── util
│   │   ├── Store.js
│   │   └── handler.js
│   ├── util.js
│   ├── reset.css
│   ├── style.css
│   └── index.html
├── server
│   ├── app.js
│   └── model
│       └── database.js
├── dist
├── public
├── package-lock.json
├── package.json
└── webpack.config.js

Roadmap

• 태스크 추가
• 태스크 삭제
• 태스크 이동
• 히스토리 기록
• 태스크 수정
• 태스크 순서

Acknowledgments

• To-do icons created by Freepik - Flaticon