Code Monkey home page Code Monkey logo

spick-frontend's Introduction

SPICK !๐ŸŽฎ

Steam ๊ฒŒ์ž„ ๋ฆฌ๋ทฐ๋ฅผ ๋ชจ์•„๋ณด์ž!
http://seokwoo.shop.s3-website.ap-northeast-2.amazonaws.com/

ํ”„๋กœ์ ํŠธ ๊ฐœ์š”

1. ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

Steam ๊ฒŒ์ž„์— ๋Œ€ํ•œ ์†”์งํ•œ ๋ฆฌ๋ทฐ๋ฅผ ๋‚จ๊ธธ ์ˆ˜ ์žˆ๋Š” ๊ณต๊ฐ„์ž…๋‹ˆ๋‹ค.
์†”์งํ•œ ๋ฆฌ๋ทฐ๋ฅผ ๋ณด๊ณ  Steam ๊ฒŒ์ž„์„ Pick ํ•ด๋ณด์„ธ์š” !

2. ํ”„๋กœ์ ํŠธ ๋ชฉ์ 

  • ์ด ํ”„๋กœ์ ํŠธ๋Š” ๐ŸŒŠํ•ญํ•ด99์˜ ๋ฏธ๋‹ˆํ”„๋กœ์ ํŠธ2 ๊ณผ์ œ์ž…๋‹ˆ๋‹ค.
  • 3์ฃผ๊ฐ„์˜ ์ฃผํŠน๊ธฐ ์ฃผ์ฐจ์—์„œ ๊ฐˆ๊ณ  ๋‹ฆ์€ ์‹ค๋ ฅ์„ ๋ฝ๋‚ด๊ธฐ ์œ„ํ•ด, ๊ทธ๋ฆฌ๊ณ  ์ฒ˜์Œ ์ ‘ํ•ด๋ณด๋Š” ํ”„๋ก ํŠธ์—”๋“œ์™€ ๋ฐฑ์—”๋“œ์˜ ํ˜‘์—… ๊ณผ์ •์— ์ต์ˆ™ํ•ด์ง€๊ณ ์ž ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค!

3. ๐Ÿ›  Tech Skills

  • Front-end
    • ๊ฐœ๋ฐœ์–ธ์–ด : JavaScript
    • React, Redux, React-query, AOS, axios
  • Back-end
    • ๊ฐœ๋ฐœ์–ธ์–ด : Java
    • Spring boot, Spring securuty, MySQL
  • ๊ณตํ†ต
    • ํ˜•์ƒ๊ด€๋ฆฌ : Git
    • ํ˜‘์—… ํˆด : Github, Notion
    • ๋””์ž์ธ ๊ณต์œ  : Figma

4. ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ง ํ”„๋กœ์ ํŠธ ๋ฉค๋ฒ„ : TEAM No Sleep

  • Front-end : ๊น€๊ทผ์˜, ๊ฐ•์„์šฐ
  • Back-end : ๊ณฝ๋™๊ด€, ๊น€๊ทœ๊ด€, ์กฐ์œค์ƒ

5. โฐ ํ”„๋กœ์ ํŠธ ๊ธฐ๊ฐ„

  • 2022.6.10. ~ 2022.6.16.(1์ฃผ)

ํ”„๋กœ์ ํŠธ ์ƒ์„ธ

1. Screenshots

Sign Up

  • ํšŒ์›๊ฐ€์ž… ํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค.
  • ํ”„๋กœํ•„ ์ด๋ฏธ์ง€๋ฅผ ์—…๋กœ๋“œํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์ด๋ฉ”์ผ ์ฃผ์†Œ์™€ ๋‹‰๋„ค์ž„, ๋น„๋ฐ€๋ฒˆํ˜ธ๋กœ ๊ฐ€์ž…ํ•ฉ๋‹ˆ๋‹ค.
  • ์ด๋ฉ”์ผ ์ค‘๋ณต์ฒดํฌ๊ณผ ๋‹‰๋„ค์ž„ ์ค‘๋ณต์ฒดํฌ ๊ธฐ๋Šฅ์ด ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.

2. Log In

  • ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค.
  • ๊ฐ€์ž…ํ•œ ์ด๋ฉ”์ผ ์ฃผ์†Œ์™€ ๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ์ž…๋ ฅํ•˜์—ฌ ๋กœ๊ทธ์ธํ•ฉ๋‹ˆ๋‹ค.

3. Home

  • ๋ฉ”์ธ ํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค.
  • ๋กœ๊ทธ์ธ ์ด์šฉ์ž์—๊ฒŒ๋Š” '๊ธ€์“ฐ๊ธฐ', '๋กœ๊ทธ์•„์›ƒ' ๋ฒ„ํŠผ์ด, ๋น„๋กœ๊ทธ์ธ ์ด์šฉ์ž์—๊ฒŒ๋Š” '๋กœ๊ทธ์ธ', 'ํšŒ์›๊ฐ€์ž…' ๋ฒ„ํŠผ์ด ๋ณด์ž…๋‹ˆ๋‹ค.
  • ๊ฐ€์žฅ ๋งŽ์€ ๋Œ“๊ธ€์„ ๋ฐ›์€ ์ƒ์œ„ 5๊ฐœ์˜ ๊ฒŒ์‹œ๊ธ€์ด 'Best Games'์— ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค.
  • ํ•˜๋‹จ์—๋Š” ๊ฒŒ์‹œ๊ธ€์˜ ์ด๋ฏธ์ง€, ์ œ๋ชฉ, ๋Œ“๊ธ€ ์ˆ˜, ์ž‘์„ฑ์ž ํ”„๋กœํ•„ ์‚ฌ์ง„, ์ž‘์„ฑ์ž ๋‹‰๋„ค์ž„์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

4. Detail

  • ๊ฒŒ์‹œ๊ธ€ ํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค.
  • ํ•ด๋‹น ๊ฒŒ์‹œ๊ธ€ ์ž‘์„ฑ์ž์—๊ฒŒ๋งŒ '์ˆ˜์ •ํ•˜๊ธฐ', '์‚ญ์ œํ•˜๊ธฐ' ๋ฒ„ํŠผ์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.
  • ํ•˜๋‹จ์— ๋Œ“๊ธ€์„ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๋Œ“๊ธ€ ๋˜ํ•œ ์ž‘์„ฑ์ž์—๊ฒŒ๋งŒ '์ˆ˜์ •ํ•˜๊ธฐ', '์‚ญ์ œํ•˜๊ธฐ' ๋ฒ„ํŠผ์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

5. Search

  • ๊ฒŒ์‹œ๊ธ€ ๊ฒ€์ƒ‰ ํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค.
  • ๊ฒŒ์‹œ๊ธ€ ์ œ๋ชฉ์œผ๋กœ ๊ฒŒ์‹œ๊ธ€์„ ๊ฒ€์ƒ‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๊ฒ€์ƒ‰๊ฒฐ๊ณผ ๊ฒŒ์‹œ๊ธ€์„ ํด๋ฆญํ•˜๋ฉด, ํ•ด๋‹น ๊ฒŒ์‹œ๊ธ€ ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.

6. About Us

  • ๋ฉ”์ธ ํŽ˜์ด์ง€์—์„œ ์šฐ์ธก ํ•˜๋‹จ ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜๋ฉด about us ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.
  • ์Šคํฌ๋กค์„ ๋‚ด๋ฆฌ๋ฉด ํ…์ŠคํŠธ์™€ ์ด๋ฏธ์ง€๊ฐ€ ์• ๋‹ˆ๋ฉ”์ด์…˜์œผ๋กœ ํ‘œํ˜„๋ฉ๋‹ˆ๋‹ค.

Repository

spick-frontend's People

Contributors

root-zero-o avatar seokwoodang avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.