/mark-your-gradients

Primary LanguageJavaScriptMIT LicenseMIT

Mark your gradients

  • 그라데이션 추천 사이트

해당 서비스 특성상 PC웹 사용자가 주를 이룰 것으로 판단하여 PC웹 화면 기준으로 구현하였습니다.


배포 사이트

http://mygradients.s3-website.ap-northeast-2.amazonaws.com/gradation/#strawberry

팀 : 멋쟁이 짱돌

  • 박정훈 / 맹하령 / 안예은 / 황나희

1. 목표와 기능

  • 추천 그라데이션 코드 확인
  • 원하는 그라데이션 저장 기능

2. 스택

  • Front-End

    • HTML
    • CSS
    • JavaScript

  • Deploy
    • AWS

3. 프로젝트 구조와 개발 일정

3.1 프로젝트 구조

.
├── index.html                // 랜딩페이지
├── gradation                 // 그라데이션 디테일 페이지
│   └── index.html
└── src
    ├── css
    │   ├── components.css    // 공통 요소 css
    │   ├── reset.css
    │   └── screen            // 페이지별 css 폴더
    │       └── main.css
    ├── img
    │   ├── css-convention.jpg
    │   └── sample.jpg
    └── js
        └── main.js

3.2 개발일정

  • 기간 : 2021.12.16(목) ~ 2021.01.02(일)
  • 프로젝트 회의 : 5일 (2021.12.16 ~ 2021.12.20)
    • 코드 컨벤션 및 커밋 컨벤션
    • 프로젝트 구조
    • 역할 분담
  • 핵심 기능 구현 :

4. 역할분담

  • 메인 페이지 : 안예은
  • 그라데이션 디테일 페이지 : 맹하령
  • 저장한 그라데이션 불러오기 페이지 : 황나희

5. UI

6. 메인 기능

7. 추가 기능

8. 개발하며 느낌점