프리온보딩 프론트 3팀 2주차 1번미션

프로젝트 설명

• 오디오를 녹음하고, 재생하는 등 오디오 파일을 관리하는 프로그램을 개발합니다.

  
  
  

언어

• JavaScript
• React.js
  
  

라이브러리

• react-audio-analyser
• react-h5-audio-player
• react-icons
• react-reveal
• react-timer-hook
• styled-components
• styled-reset
• swiper

프로젝트 설치 및 실행 방법

✅ 설치방법

1. Node.JS를 다운받아 설치해주세요. vite를 사용하였기 때문에 최소 14.18 버전 이상이 요구됩니다.

https://nodejs.org/

2. 리포지토리를 클론해주세요.
   

git clone https://tmdcjf152.github.io/pre-onboarding-3team-1nd/

3.dependencies를 설치해주세요.

npm install

✅ 실행방법

1. 다음 명령어를 이용해 Dev server를 실행시켜주세요.

npm run dev

2. 브라우저에서 http://localhost:3000/pre-onboarding-3team-1nd/ 로 접속하거나, 배포주소로 접속해주시면 됩니다.

   
   
   
   

저작권, 라이선스 정보

[저작권] Adobe

• ✅ 프로젝트내 이미지는 모두 Adobe 에서 제공받았습니다.
  
  

주요기능 및 설명

✅ 메인화면(추가구현사항)

✅ 녹화기능

✅ 녹화 시간설정 기능

✅ 녹음파일 다운로드 기능

✅ 뮤직플레이어

✅ 뮤직 mp.3파일 다운로드기능

✅ 반응형

✅ Nav 반응형

팀원소개

✅ 프론트엔드 김유현

• 깃허브 https://github.com/SeanKim05
• 블로그 https://www.notion.so/Archive-4cc794f6e83c47d79a18e064d2eceb20

✅ 프론트엔드 김정연

• 깃허브 https://github.com/5eUQosIJpIE
• 블로그 https://dandelion-cilantro-d9e.notion.site/6298626f79b54baabf65adfa1837366f

✅ 프론트엔드 최승철

• 깃허브 https://github.com/tmdcjf152
• 블로그 https://www.notion.so/STUDY-b0998ad1b1204a359dbf6833d4035fe0