Skip to content

teikim98/GilProject-FE

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๊ธธ๋”ฐ๋ผ Project(Project Gilddara)

Kosta 286๊ธฐ Final Project (Kosta 286th class' Final Project)


๐Ÿ“Œ ๋ชฉ์ฐจ(Table of Contents)


๐Ÿ“‘ Project Overview

  • Project Name: ๊ธธ๋”ฐ๋ผ (์‚ฐ์ฑ…๊ธธ ๊ณต์œ  ํ”Œ๋žซํผ) (Gilddara (Walkway Sharing Platform))

  • Development Period: 2024.10.28 ~ 2024.12.13

  • Team Members: ์ •ํ˜•์šฐ, ๊น€ํƒœํœ˜, ๊น€ํ˜ธ์„, ์—ผ์ง„, ์ตœ์žฌ๊ตฌ, ํ•œ์€๋ฏธ (6๋ช…)

  • Project Description:

    ์šฐ๋ฆฌ ์ฃผ๋ณ€์˜ ์‚ฐ์ฑ…๊ธธ์„ ์žฌ๋ฐœ๊ฒฌํ•จ์œผ๋กœ์จ, ์ผ์ƒ์—์„œ๋„ ์งง์€ ์‹œ๊ฐ„ ์•ˆ์— ํž๋ง์„ ๋Š๋‚„ ์ˆ˜ ์žˆ๋Š” ๊ธฐํšŒ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.
    ์‚ฌ์šฉ์ž๊ฐ€ ํŽธ๋ฆฌํ•˜๊ฒŒ ์‚ฐ์ฑ…๊ธธ์„ ์ฐพ์•„๋ณด๊ณ  ๊ธฐ๋กํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๋‹ค๋ฅธ ์œ ์ €์˜ ์‚ฐ์ฑ…๊ธธ์„ ๋”ฐ๋ผ๊ฑท๋Š” ํ™œ๋™์„ ํ†ตํ•ด ์‚ฐ์ฑ… ๊ฒฝํ—˜์„ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๋Š” ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.
    (By rediscovering the walkways around us, we would like to provide an opportunity to feel healed in a short time in everyday life.
    We would like to provide a service that allows users to conveniently find and record walking paths and share their walking experiences through activities along other users' walking paths.)

  • Project Goal๐Ÿšฉ:

    ๋‚˜์˜ ์‚ฐ์ฑ…๊ธธ ๊ฒฝ๋กœ ๊ธฐ๋ก(Record my walkway)
    ์œ„์น˜ ๊ธฐ๋ฐ˜ ์ง€๋„๋ฅผ ํ™œ์šฉํ•œ ๊ฐ„ํŽธํ•œ ๊ฒฝ๋กœ ํƒ์ƒ‰ ๋ฐ ๋‚˜์˜ ์‚ฐ์ฑ…๊ธธ ๊ฒฝ๋กœ ๊ธฐ๋ก, ๊ด€๋ฆฌ
    (Use location-based maps for easy route navigation and record and manage my walking path)

    ๋‹ค๋ฅธ ์ด์šฉ์ž์˜ ์‚ฐ์ฑ…๊ธธ ๋”ฐ๋ผ๊ฑท๊ธฐ(Walking along the walkway of another user)
    ๋‚ด๊ฐ€ ๋ชฐ๋ž๋˜ ์‚ฐ์ฑ…๋กœ๋ฅผ ๋ฐœ๊ฒฌํ•˜๊ณ  ์‚ฐ์ฑ… ํ›„ ๋ฆฌ์›Œ๋“œ ์ œ๊ณต์„ ํ†ตํ•ด ๋™๊ธฐ๋ถ€์—ฌ ์ œ๊ณต
    (Discovering walkways I didn't know about and providing rewards to motivate me after a walk)

    ์ปค๋ฎค๋‹ˆํ‹ฐ ํ™œ์„ฑํ™”(Community vitalization)
    ์ข‹์•„์š”, ๋Œ“๊ธ€, ๊ตฌ๋… ๋“ฑ ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜์—ฌ ์‚ฌ์šฉ์ž ๊ฐ„์˜ ์†Œํ†ต์˜ ์žฅ ๋งˆ๋ จ
    (Provides a variety of features such as likes, comments, and subscriptions to create a place for user-to-user communication)


๐Ÿ’ป ๊ฐœ๋ฐœ ํ™˜๊ฒฝ(Development environment)

Front-end:

  • React Next.js

Back-end:

  • Spring Boot Java

Database:

  • PostgreSQL MySQL AWS S3 AWS RDS Redis

Version Control:

  • Git GitHub

Project Management:

  • Jira Notion Slack

OS:

  • Windows 11

Tools:

  • IntelliJ IDEA VSCode TypeScript Axios React Query Shadcn/ui

Architect:

  • ERDCLOUD Figma

Infrastructure:

  • AWS DOCKER GitHub Action

Testing:

  • Postman

๐ŸŒ AWS Infrastructure

ํ”„๋กœ์ ํŠธ ๊ตฌ์กฐ(Project Structure)


๐Ÿ“š Reference Sites


์ฃผ์š” ๊ธฐ๋Šฅ(Key Features)

  • ์ƒ๋‹จ ํ—ค๋”(Top Header)
    • ๋‹คํฌ๋ชจ๋“œ ํ† ๊ธ€ ๋ฒ„ํŠผ(Dark Mode toggle button)
    • ์•Œ๋ฆผ ๊ฐœ์ˆ˜ ๋ฐ ํ™•์ธ๋ฒ„ํŠผ(Notification count and OK button)
    • ํ–„๋ฒ„๊ฑฐ ๋‚ด๋น„๊ฒŒ์ดํ„ฐ(Hamburger Navigator)
  • ๋ฉ”์ธ ํŽ˜์ด์ง€(Main page)
    • ์‚ฐ์ฑ…๊ธธ ๊ฒŒ์‹œ๋ฌผ๋“ค ๋ณด๋Ÿฌ๊ฐ€๊ธฐ(Going to see the posts on walkway)
    • ๋‚ด๊ฐ€ ์“ด ๊ธ€ ๋ณด๋Ÿฌ๊ฐ€๊ธฐ(Going to see what I wrote)
    • ์ง€๊ธˆ ์‚ฐ์ฑ…๊ธธ ๊ฒŒ์‹œ๋ฌผ ๊ณต์œ ํ•˜๋Ÿฌ๊ฐ€๊ธฐ(Go to share my walkway post now)
  • ๊ฒฝ๋กœ ๊ธฐ๋กํŽ˜์ด์ง€(Path Recording Page)
    • ๊ฒฝ๋กœ ๋…นํ™”ํ•˜๊ธฐ(Path Recording)
    • ๊ฒฝ๋กœ ์ €์žฅํ•˜๊ธฐ ๋ฐ ๋งˆ์ปค ํŽธ์ง‘(Save Paths and Edit Markers)
  • ์‚ฐ์ฑ…๊ธธ ๊ฒŒ์‹œ๊ธ€ ํŽ˜์ด์ง€(Walkway Post Page)
    • ๋‚ด ํ˜„์žฌ์œ„์น˜ , ๋‚ด ์ง‘์ฃผ๋ณ€ ๊ธฐ๋ฐ˜์˜ ๊ฒŒ์‹œ๋ฌผ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ
      (Bringing up posts based around my current location, my home)
    • ๊ฒ€์ƒ‰์œผ๋กœ ํ•ด๋‹นํ•˜๋Š” ํ‚ค์›Œ๋“œ์— ๋งž๋Š” ์‚ฐ์ฑ…๊ธธ ์ฐพ๊ธฐ
      (Search to find the right walking path for the corresponding keyword)
  • ์‚ฐ์ฑ…๊ธธ ๊ฒŒ์‹œ๊ธ€ ์ƒ์„ธ๋ณด๊ธฐ(Read more about the walkway post)
    • ๊ฒŒ์‹œ๊ธ€ ์ฐœ , ์ข‹์•„์š” , ๋Œ“๊ธ€๋‹ฌ๊ธฐ(Features for Post favorite, like, comment)
    • ์‚ฐ์ฑ…๊ธธ ๋”ฐ๋ผ๊ฑท๊ธฐ(Walking along the path)
  • ๋งˆ์ดํŽ˜์ด์ง€(My page)
    • ๋‚ด ๊ฒฝ๋กœ๊ธฐ๋ก ํ™•์ธํ•˜๊ธฐ(Check my path history)
    • ๋‚ด๊ฐ€ ์ฐœํ•œ ๊ฒŒ์‹œ๋ฌผ ํ™•์ธํ•˜๊ธฐ(Check out my posts)
    • ๋‚ด๊ฐ€ ๊ตฌ๋…ํ•œ ์‚ฌ๋žŒ๋“ค ๋ฆฌ์ŠคํŠธ ๋ณด๊ธฐ(See the list of people I subscribed to)
    • ๋‚ด ํฌ์ธํŠธ ๋ณด๊ธฐ(Look at my point)
    • ๋‚ด๊ฐ€ ์“ด ๊ฒŒ์‹œ๋ฌผ ๋ณด๊ธฐ(See the post I wrote)

Final Outcome

์‚ฌ์šฉํ”„๋กœ์„ธ์Šค1(์‚ฐ์ฑ…๊ธธ ๊ธฐ๋ก ๋ฐ ๊ณต์œ )222 ์‚ฌ์šฉํ”„๋กœ์„ธ์Šค2(์‚ฐ์ฑ…๊ธธ ๋”ฐ๋ผ๊ฑท๊ธฐ)222

Demonstration video


๐Ÿ“Š Project Artifacts

ERD (Entity-Relationship Diagram)

๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๋ชจ๋ธ๋ง(Database Modelling)

Layout Definition

๋ ˆ์ด์•„์›ƒ ์ •์˜์„œ(Layout Definition)
๋ ˆ์ด์•„์›ƒ์ •์˜์„œ

SRS (Software Request Specification)

[์Šคํƒ์–ธ๋”ํ”Œ๋กœ์šฐ] Final Project ์š”๊ตฌ์‚ฌํ•ญ๋ช…์„ธ์„œ.pdf (SRS(Software Request Specification))
์š”๊ตฌ์‚ฌํ•ญ๋ช…์„ธ์„œ


Releases

No releases published

Packages

No packages published