[project] metta

Suyeon·2020년 9월 26일
0

Project

목록 보기
1/5
post-thumbnail

Metta

Maitrī (Sanskrit; Pali: mettā) means benevolence, loving-kindness, friendliness, amity, good will, and active interest in others. ... Metta as 'compassion meditation' is often practiced in Asia by broadcast chanting, wherein monks chant for the laity.

Live demo

metta

Inspiration

난 공부를 하다가 지치거나 번아웃이 올 때 짧게 명상을 하곤 한다. 10분남짓한 짧은 시간이지만 효과는 강력하다. 10분의 명상을 통해서 잠시 뇌를 식히고 공부에 집중할 수 있는 힘을 얻는다. 이 강력한 효과(?)를 다른 사람들과 함께 공유하고 싶다는 생각이 들었다.

공부를 하는 많은 친구들 또한 공부를 하는 와중에 나처럼 스트레스를 받거나 지치는 순간이 있을 거라고 생각한다. 비록 작은 프로젝트 이지만, metta라는 단어의 뜻처럼, 이 앱을 통해서 각자의 분야에서 열심히 노력하는 다른 친구들에게 응원의 메세지를 보낸다!
모두 응원합니다 :)

  • 소요기간: 4일
  • 기술: React

Features

  • 3개의 테마 제공(ocean wave, mountain view, rainy beach)
  • 시간 선택 가능 (4분, 6분, 8분)
  • 유저의 이름을 화면에 전시

축하메세지

명상을 완료하면, 축하메세지를 받을 수 있다. 👏


만들면서 느꼈던 점

어플이 간단해서 크게 어려운 점은 없었으나, timer기능과 함께 circular progress bar을 구현하는게 처음이라서 그런지 생각보다 어려웠다.

오디오같은 경우는, 처음에는 custom hook을 사용했었는데, 각각 다른 테마를 구성하다보니 나중에는 hook을 사용하지 않았다. 전체적인 구조를 더 효율적으로 바꾼다면 좋을 것 같다. (오디오 같은 경우는 hook을 사용하고 각각의 페이지도 레이아웃이 같기 때문에)

+) 예전에 자바스크립트를 사용해서 만들었던 간단한 어플리케이션인데, 리액트를 사용하여 조금더 살을 붙여넣었다.

profile
Hello World.

0개의 댓글