The recordon_front from club-pard

Remember done, Record on!

기억이 아닌 기록에 의한 경험을 담아보세요.!
Explore the docs »

Service Introduction
- Goals & Non-Goals
Functions
- Record
- View
- Filtering
Deployment Link
User Guide
ERD
Stack
Documentation
Team member
Acknowledgments

Service Introduction

경험을 상세하게 기록하기 어려운 이들을 위한 ”경험 기록 서비스, RECORD ON”

🧐 많은 대학생들은 자신의 경험을 기록하는 방법을 몰라 기억에 의존하거나 간단하게만 기록합니다.

😔 이로 인해, 취업 준비 단계에서 자기소개서 작성할 때 필요한 내용을 충분히 담지 못하는 어려움을 겪습니다.

💡 이러한 문제를 해결하기 위해,

경험을 상세하게 기록할 수 있도록 도와주고

자기소개서 작성에 필요한 내용을 효과적으로 추출할 수 있는 서비스를 제공합니다.

(back to top)

Goals & Non-Goals

Goals

경험의 상세한 부분들까지 체계적으로 기록할 수 있도록 도와주는 것.
상세한 기록을 통해 자기소개서를 막힘없이 작성할 수 있도록 도와주는 것.

Non-goals

단순히 자기소개서를 잘 작성하게 써주는 것.
전문 자기소개서 피드백을 해주는 것.

(back to top)

Functions

Record

🌿 1. 태그 및 질문 가이드라인을 통한 경험 기록 기능

경험 태그와 질문을 제공하는 기능

도전, 성공, 실패 등 다양한 경험 태그와 해당 태그에 맞는 구체적인 질문을 통해 경험을 자세히 기록할 수 있어요.

답변 기록 및 작성 제한 기능

질문에 답변을 기록하면 또 다른 태그와 질문을 선택할 수 있어요. 첫 태그와 질문에 답하지 않고 ‘자유란’만 작성하면 기록 완료 버튼이 비활성화돼요.

경험 기록 저장 및 관리 기능

작성한 경험 기록은 저장되고, 경험기록 페이지에서 모든 기록을 한눈에 모아볼 수 있어요. 이를 통해 자소서 작성에 필요한 자료를 쉽게 찾을 수 있어요.

View

🌿 2. 기록들을 카드 형식으로 모아볼 수 있는 기능

프로젝트 생성 기능

프로젝트 이름, 한 줄 소개, 진행 기간, 역할, 선택 이유를 작성하면 프로젝트가 생성돼요. (*사진 첨부는 선택)

프로젝트 카드 모음 기능

프로젝트 카드에는 프로젝트명, 진행 기간, 핵심 역량 태그가 포함되며, 전체 카드들을 모아볼 수 있는 페이지가 있어요.

프로젝트 내 경험기록 카드 모음 기능

경험 기록 카드에는 소제목, 경험한 날짜, 경험 태그가 포함되며, 프로젝트 카드 내에서 경험기록 카드를 생성하고 모아볼 수 있어요.

경험기록 작성 기능

소제목, 경험한 날짜, 경험 태그 및 질문에 대한 답변을 작성할 수 있어요.

Filtering

🌿 3. 태그 필터링 및 단어 검색 기능

핵심 역량 태그 및 경험 태그 필터링 기능과 단어 검색 기능을 통해 빠르고 쉽게 필요한 기록을 찾을 수 있어요!

(back to top)

Deployment Link

Frontend Link

https://recordon.today

Backend Link

https://api-recordon.shop

(back to top)

User Guide

1. 랜딩 페이지

가장 기본 페이지로, 서비스에 대한 설명이 적혀 있습니다.
경험 기록 시작 버튼을 클릭 시 구글 로그인 후에
- 처음 서비스를 사용할 경우 회원가입 페이지로 넘어갑니다.
- 전에 서비스를 사용해 본 경험이 있는 경우 사용자의 프로젝트 카드 모음 페이지로 넘어갑니다.

1-2. 회원가입 페이지

처음 서비스를 사용할 경우 로그인 후 넘어가는 페이지로, 사용자의 이름과 희망 직군을 선택할 수 있으며, 사용자 약관 정보가 담겨 있습니다.

2. 프로젝트 카드 모음 페이지

사용자가 로그인 후에 처음으로 보게 되는 페이지로, 이전에 진행하던 프로젝트를 볼 수도 있고, 새로운 프로젝트를 만들 수도 있습니다.
역량 태그를 선택하여 완료된 프로젝트 중에 해당 태그가 걸려 있는 프로젝트들을 검색할 수 있습니다.
기간 설정으로 해당 기간동안 진행된 프로젝트를 검색하여 볼 수 있습니다.
진행 현황을 선택하여 진행중이거나 진행 완료된 프로젝트만 검색하여 볼 수 있습니다.

2-2. 프로젝트 생성 페이지

프로젝트 가드 모음 페이지에서 프로젝트 추가 버튼을 누를 시 볼 수 있는 페이지로 다양한 정보를 기입하고 새로운 프로젝트를 생성할 수 있습니다.

3. 경험기록 카드 모음 페이지

프로젝트 가드 모음 페이지에서 프로젝트를 선택 시 볼 수 있는 페이지입니다.
기능)
- 사용자가 작성했던 경험 기록들을 열람할 수 있습니다.
- 관련 자료 링크 버튼을 클릭 시 사용자가 기록했던 링크들을 모아볼 수 있습니다.
- 경험 기록 추가 버튼을 눌러 새로운 경험을 기록할 수 있습니다.
- 프로젝트 완료하기 버튼을 눌러 해당 프로젝트를 완료시킬 수 있습니다.

경험 태그를 선택하여 작성한 경험 중에 해당 태그가 걸려 있는 경험들을 검색할 수 있습니다.
기간 설정으로 해당 기간동안 진행된 경험들을 검색하여 볼 수 있습니다.
단어를 기입하여 해당 단어가 들어간 경험들을 모아 검색할 수 있습니다.

3-2. 관련 자료 링크 페이지

경험기록 카드 모음 페이지에서 관련 자료 링크 버튼을 클릭 시 볼 수 있는 페이지입니다.
경험을 기록하면서 첨부했던 링크들을 전부 모아 볼 수 있습니다.

3-3. 프로젝트 완료하기 페이지

경험기록 카드 모음 페이지에서 프로젝트 완료하기 버튼을 클릭 시 볼 수 있는 페이지입니다.
사용자가 프로젝트에 걸 태그를 최대 세 개 선택할 수 있으며 선택한 태그는 프로젝트 카드 모음 페이지에서 확인할 수 있습니다.

4. 경험기록 카드 생성

경험기록 카드 모음 페이지에서 경험 기록 추가 버튼을 클릭 시 볼 수 있는 페이지입니다.
여러 정보를 기입할 수 있습니다.

경험 태그를 클릭하여 질문을 선택하고 해당 질문에 대한 답변을 기입할 수 있습니다.

자유롭게 못 다한 이야기를 작성하거나, 해당 경험을 겪은 날에 사용한 다른 툴들의 링크를 첨부할 수도 있습니다.

(back to top)

ERD

(back to top)

Stack

🌟 Frontend(Web)

Language : JavaScript
Library & Framework : React, Styled-Components, Axios, Recoil
Deploy: Firebase

💻 Backend

Language : Java
Library & Framework : Spring Boot
Database : MySQLDB
ORM : JPA
Deploy: Mysql(Storage)
Infrastructure : AWS EC2, AWS S3, AWS IAM, AWS Route 53, AWS VPC

(back to top)