Code Monkey home page Code Monkey logo

momentum's Introduction

Momentum

바닐라 JS 챌린지

Table of contents

Overview

The Project

Users should be able to:

  • Saves name in local storage

  • background images (random) using API

  • Pomodoro system

  • Count down (Add, Edit, Delete)

  • Weather and location using API

  • Habit Tracker

  • Quotes (random)

  • To do list (Add, Edit, Delete)

  • Time and greeting text

  • main focus to do

Screenshot

My process

2022.03.18

Figma로 계획 했다. momentum의 의도를 반영하기 위해 최대한 깔끔한 구성을 원했다. 또한 기능을 많이 넣을 시간이 없어서 간단하게 넣어봤다. 오늘은 디자인에 큰 신경을 쓸 예정. 일단 첫 화면과 메인 화면 대강 위치랑 디자인을 잡았다.

2022.03.20

4일이라길래.. 월요일 풀로 시간 주나...? 했는데 월요일 오전 6시까지라서 급하게 기능 몇 가지 단축시켰다... ㅋㅋㅋㅋㅋ 뭐 그래도 넣을 건 많이 넣었다. local storage 이용하는 게 조금 까다로웠다... 귀찮달까...? 일단 대충 완성은 했는데 코드 정리는 씻고 나서 해야겠다 굳.

흐미... 시간 너무 촉박하네.. 코드 정리는 시간 밖에 못했다 ㅋㅋ 약간 이름도 맘에 안들고 ㅎㅎ... 좀.. 별로긴 하다. 낼 본업 들어가야 해서... 나중에 시간 나면 틈틈히 수정해줘야 겠다. 업글도 하고... 넣고 싶은 기능 많았는데... 쭈끌...

Built with

  • HTML
  • CSS
    • SCSS
  • JS
  • API

Author

momentum's People

Contributors

jhan117 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.