MOSI Frontend 💛

MOSI

혼자서 면접 준비하는 취업 준비생들은 본인이 질문에 대한 올바른 답변을 하였는지 확인하는데 어려움이 있습니다. 이를 보완하기 위해 면접자의 음성을 Text로 변환하여 저장하고, GPT API를 활용하여 올바른 대답인지 피드백 받을 수 있게 하는 서비스입니다. 또한 취업 준비생들끼리 정보를 공유하는 커뮤니티 서비스입니다.

기획: 김지혜

Table of Contents

1. Languages, Framework, Libraries
2. Getting Started
3. Usage Image Example
4. Team Roles
5. Feature
6. Roadmap
7. Contributing
8. Coming Soon
9. Contact
10. Project Link

Languages, Framework, Libraries

Languages

• Javascript

framework

• React
  • version: 18.3.1
  • project: npm

libraries

• mui
  • version: 5.16.5
• styled-components
  • version: 6.1.12
• crypto-js
  • version: 4.2.0
• emotion
  • version: 11.13.0
• fortawesome
  • version: 6.6.0

(back to top)

Getting Started

1. Clone the repo

   git clone https://github.com/Jr-YongFill/frontend

2. Build Project

 cd frontend
 npm i

4. Run

 npm start

(back to top)

Usage Image Example

Home Interview Choice GPT API KEY Interview Practice Interview Answer Note Post Vote

(back to top)

Team Roles

• 장희권 (팀장)

  • BaseAPI 설계
  • Stack, Vote, Shop, Community main 페이지 구현
  • Modals 구현

• 김지혜

  • Community, Post, Post 상세 조회 페이지 구현
  • UI 설계 and Publishing

• 배창민

  • Page 구조 설계
  • Home, Member(SignIn,SignOut) 페이지 구현

• 이동규

  • Interview, Interview Result, Anser Note 페이지 구현

Deployment & Planning

• 배포: 장희권 (장희권 CI/CD, Docker, Nginx 활용, 도메인 구입, Https 적용)

(back to top)

Feature

1. Information sharing through the community.
2. GPT API evaluates user responses

(back to top)

Roadmap

• Project Setting
• Login / Register
• Social Login
• Vote Page
• Community Page
• Answer Page

See the project issues for a full list of proposed features(and known issues).

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

Coming Soon

• Realtime Chatting
• Social Login
• UI/UX

(back to top)

Contact

hg_yellow

• GitHub: hg_yellow
• Mail: [email protected]

배창민

• GitHub: Changchang
• Mail: [email protected]

김지혜

• GitHub: wisdom
• Mail: [email protected]

이동규

• GitHub: 이동규
• Mail: [email protected]

(back to top)

Project Link

• 서비스: MOSI 웹사이트
• Backend: GitHub Repository
• Frontend: GitHub Repository
• Project Team: Jr.yongfill

(back to top)