FineApple

[ Check Demo Video ] 👉 https://youtu.be/EHFsoLHsaOs

🚀 Check FineApple TypeScript Migration Version 👉 https://github.com/olhkyle/FineApple-ts

▶︎ Introduce

Community Web Application related to Computer / IT and Game topics
컴퓨터 / IT, 게임 주제 관련 커뮤니티 서비스

🗓️ Period

2023/04/17 - 2023/05/23

📶 Progress

Completion of Deployment and Refactoring underway for responsive design
배포 완료 및 반응형 디자인을 위한 리팩토링 진행 중

👬 Team

3 People of FrontEnd
프론트엔드 3명

🎛️ Tech Stacks

React JavaScript Recoil React Query Firebase Mantine Zod React-Hook-Form Emotion Vite Github Actions

🚀 Link

https://fineapple-ea261.web.app/

---

💿 Background on project planning and execution

The FineApple project was planned and executed as a project to clone the UI/UX of the community feature of the Apple website by thinking about how to improve and supplement the UI/UX of the existing Apple website.
FineApple 프로젝트는 기존 Apple 웹사이트의 UI / UX 면에서 부족한 부분들을 발견하여, Apple 웹사이트의 커뮤니티 기능의 UI / UX를 개선 및 보완하는 방안을 고민하여 클론하는 프로젝트로 기획 및 진행하였습니다.

We successfully completed the clone project with the aim of improving usability, but we wanted to create our own community service that reflects what our team members think is a good UI, so we created a community service that covers topics related to computers/IT and games that all team members are interested in.
사용성을 개선한다는 취지에서 클론 프로젝트를 성공적으로 마쳤으나, 클론에서 끝나는 것이 아닌 팀원들이 생각하는 좋은 UI를 반영한 우리만의 커뮤니티 서비스를 만들고자 하여, 팀원들 모두가 관심 있어하는 컴퓨터 / IT 그리고 게임과 관련된 주제를 다루는 커뮤니티 서비스를 만들었습니다.

💡 Main Features

• Login, SignUp, and Edit Profile | 로그인, 회원가입, 그리고 프로필 편집 기능
• Switch Theme (light & dark) | 테마 기능 (라이트 & 다크 테마)
• Search for questions related to the topics you're interested in | 관심 있는 주제와 관련된 질문을 검색
• Create a question if you don't see what you're looking for | 찾고자 하는 질문이 없을 경우 질문 작성
• Reply to a question | 질문에 대한 답글 작성
• Provide a list of questions related to the topic | 주제와 관련된 질문 목록 제공
• Provide a list of popular articles related to your topic | 주제와 관련된 인기글 목록 제공
• Provide Like Feature to collect liked Questions | 좋아요한 질문 목록을 모으기 위해 좋아요 기능 제공
• Provide a list of questions which I pressed the like button | 내가 좋아요 버튼을 누른 질문 목록 제공
• Provide Like Feature on Comment | 답글에 대한 좋아요 기능 제공
• Give points to people who contribute to the community (ask questions, replies comment to post) | 커뮤니티 활동에 기여(질문 작성, 답글 작성)하는 사람들에게 포인트를 제공
• Provide a ranking UI based on points and levels | 포인트, 레벨 기반의 랭킹 UI 제공

🔭 What we learned, technically

Deployment Process Wrap-up and Retrospect <- written in korean