GithubHelp home page GithubHelp logo

fesunmin / petcoco-vercel Goto Github PK

View Code? Open in Web Editor NEW

This project forked from final-a13/petcoco

0.0 0.0 0.0 2.07 MB

petCoco

Home Page: https://pet-coco.vercel.app

JavaScript 0.43% TypeScript 96.92% CSS 2.66%

petcoco-vercel's Introduction

๐Ÿพ ํŽซ์ฝ”์ฝ”(PetCoCo)

๋ฐ˜๋ ค๋™๋ฌผ ์ž๋ž‘ ๋ฐ ์‚ฐ์ฑ… ๋ฉ”์ดํŠธ ์ปค๋ฎค๋‹ˆํ‹ฐ

๐Ÿ“ฑ ์‚ฌ์šฉ๊ธฐ๊ธฐ

  • ๋ชจ๋ฐ”์ผUI ์ตœ์ ํ™”

๐Ÿ“– ์†Œ๊ฐœ

โœจ ํ•œ ์ค„ ์ •๋ฆฌ

ํŽซ์ฝ”์ฝ”(PetCoCo)๋Š” ๋ฐ˜๋ ค๋™๋ฌผ์„ ์ž๋ž‘ํ•˜๊ณ  ์†Œํ†ตํ•˜๋ฉฐ, ์‚ฌ์šฉ์ž์˜ ์œ„์น˜์ •๋ณด์™€ ํ•„ํ„ฐ๋ฅผ ํ†ตํ•ด ์ฃผ๋ณ€์—์„œ ํ•จ๊ป˜ ์‚ฐ์ฑ…ํ•  ๋™๋„ค ์‚ฌ๋žŒ์„ ๋งŒ๋‚  ์ˆ˜ ์žˆ๋Š” ์ปค๋ฎค๋‹ˆํ‹ฐ ์•ฑ์ž…๋‹ˆ๋‹ค.

์ฃผ์š” ๊ธฐ๋Šฅ

  • ๐Ÿ  ๋ฉ”์ธํŽ˜์ด์ง€

    • ์‚ฌ์šฉ์ž ์ „์ฒด ์†Œํ†ต ๊ณต๊ฐ„ ์ œ๊ณต
  • ๐Ÿ• ์‚ฐ์ฑ… ๋ฉ”์ดํŠธ ์„œ๋น„์Šค

    • ๋ฐ˜๋ ค๋™๋ฌผ ๋“ฑ๋ก ๊ฐ€๋Šฅ
    • 1:1 ๋Œ€ํ™” ๊ธฐ๋Šฅ
    • ๋ฉ”์ดํŠธ ๊ตฌ์ธ๊ธ€ ์ž‘์„ฑ ๋ฐ ๊ด€๋ฆฌ

๐Ÿ“‹ ๋‚ด์šฉ

  • ๐Ÿ‘ฅ ์ปค๋ฎค๋‹ˆํ‹ฐ

    • ๋ฐ˜๋ ค๋™๋ฌผ ์ž๋ž‘ ๋ฐ ์†Œํ†ต: ๋ฐ˜๋ ค๋™๋ฌผ ๊ด€๋ จ ์ •๋ณด์™€ ๊ฒฝํ—˜์„ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๋Š” ๊ณต๊ฐ„
      • ๊ธ€ ์ž‘์„ฑ: ์ œ๋ชฉ, ๋‚ด์šฉ, ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ, ์นดํ…Œ๊ณ ๋ฆฌ ์„ ํƒ
      • ์นดํ…Œ๊ณ ๋ฆฌ: ์ž์œ , ์ž๋ž‘, ๊ณ ๋ฏผ, ์‹ ๊ณ 
      • ๊ธ€ ๋””ํ…Œ์ผ ํŽ˜์ด์ง€: ์ปค๋ฎค๋‹ˆํ‹ฐ ๊ธ€์˜ ์ƒ์„ธ ๋‚ด์šฉ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋Š” ํŽ˜์ด์ง€
  • ๐Ÿšถ ์‚ฐ์ฑ… ๋ฉ”์ดํŠธ

    • ์‚ฐ์ฑ… ๋ฉ”์ดํŠธ ์—ฐ๊ฒฐ: ๊ทผ์ฒ˜์— ์žˆ๋Š” ์‚ฌ์šฉ์ž๋“ค๊ณผ ์—ฐ๊ฒฐํ•˜์—ฌ ๋ฐ˜๋ ค๋™๋ฌผ ์‚ฐ์ฑ… ๋ฉ”์ดํŠธ๋ฅผ ๊ตฌํ•˜๋Š” ๊ธฐ๋Šฅ.
    • ๋ฉ”์ดํŠธ ๊ธ€ ์ž‘์„ฑ, ์กฐํšŒ, ์ˆ˜์ •, ์‚ญ์ œ ๊ฐ€๋Šฅ
    • 1:1 ์ชฝ์ง€ ๊ธฐ๋Šฅ์œผ๋กœ ์›ํ•˜๋Š” ์‚ฐ์ฑ… ๋ฉ”์ดํŠธ์™€ ์†Œํ†ต
    • ํ•„ํ„ฐ ์˜ต์…˜์œผ๋กœ ์‚ฐ์ฑ… ๋ฉ”์ดํŠธ ๊ธ€์„ ๊ฒ€์ƒ‰ ๋ฐ ํ•„ํ„ฐ๋ง
  • ๐Ÿ‘ค ๋งˆ์ดํŽ˜์ด์ง€

    • ์‚ฌ์šฉ์ž ์ •๋ณด ์กฐํšŒ ๋ฐ ์ˆ˜์ •
    • ์• ์™„๋™๋ฌผ ์ •๋ณด ์ถ”๊ฐ€/์ˆ˜์ •/์‚ญ์ œ
    • ๋‚˜์˜ ์‚ฐ์ฑ…(์‚ฐ์ฑ… ์™„๋ฃŒ/ ์‚ฐ์ฑ… ์˜ˆ์ •/ ๊ธฐ๋ก ์™„๋ฃŒ)
    • ์ž‘์„ฑํ•œ ๊ธ€ ๋ฐ ๋Œ“๊ธ€ ์กฐํšŒ
  • โœ‰๏ธ ๊ฐœ์ธ ์ฑ„ํŒ…

    • ๊ฐœ์ธ๊ณผ ๊ฐœ์ธ๊ฐ„์˜ ์ฑ„ํŒ…๊ธฐ๋Šฅ.
    • ๊ธ€์ž ๋ฐ ์ด๋ฏธ์ง€์ฒจ๋ถ€๊ธฐ๋Šฅ. ์ฝ์ง€์•Š์€ ๋ฉ”์‹œ์ง€์™€ ์ตœ์‹ ์ˆœ ์ •๋ ฌ

๐Ÿ› ๏ธ ํ”„๋กœ์ ํŠธ ํ•ต์‹ฌ ์‚ฌ์šฉ ๊ธฐ์ˆ 

๊ธฐ์ˆ  ์•„์ด์ฝ˜ ์„ค๋ช…
Next.js Next.js React ๊ธฐ๋ฐ˜์˜ ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง ๋ฐ ์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ ํ”„๋ ˆ์ž„์›Œํฌ
TypeScript TypeScript ์ •์  ํƒ€์ดํ•‘์„ ํ†ตํ•ด ์•ˆ์ •์ ์ธ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑ
React React ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜์˜ UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ
NextUI NextUI React์™€ ํ•จ๊ป˜ ์‚ฌ์šฉํ•˜๊ธฐ ์‰ฌ์šด ํ˜„๋Œ€์ ์ธ UI ์ปดํฌ๋„ŒํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ
React Query React Query ์„œ๋ฒ„ ์ƒํƒœ ๊ด€๋ฆฌ ๋ฐ ๋ฐ์ดํ„ฐ ํŽ˜์นญ ์ตœ์ ํ™”
Supabase Supabase PostgreSQL์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•œ ์‹ค์‹œ๊ฐ„ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๋ฐ ์ธ์ฆ ๊ด€๋ฆฌ
Vercel Vercel ์ž๋™ ๋ฐฐํฌ ๋ฐ ์„œ๋ฒ„๋ฆฌ์Šค ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋Š” Next.js ์ตœ์ ํ™” ํ”Œ๋žซํผ
Zustand Zustand ๊ฒฝ๋Ÿ‰ํ™”๋œ ์ƒํƒœ ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ
Tailwind CSS Tailwind CSS ์œ ํ‹ธ๋ฆฌํ‹ฐ ํผ์ŠคํŠธ CSS ํ”„๋ ˆ์ž„์›Œํฌ๋กœ ๋น ๋ฅด๊ณ  ํšจ์œจ์ ์ธ ์Šคํƒ€์ผ๋ง ๊ตฌํ˜„

๐Ÿ—บ๏ธ ์•„ํ‚คํ…์ฒ˜

image

์Šคํฌ๋ฆฐ์ƒท

image (4)

  • ๐Ÿ  ๋ฉ”์ธํŽ˜์ด์ง€ image (5)

  • ๐Ÿ‘ฅ ์ปค๋ฎค๋‹ˆํ‹ฐ image (6)

  • ๐Ÿšถ ์‚ฐ์ฑ… ๋ฉ”์ดํŠธ image (7)

  • โœ‰๏ธ ๊ฐœ์ธ ์ฑ„ํŒ… cover

  • ๐Ÿ‘ค ๋งˆ์ดํŽ˜์ด์ง€ image (10)

๐Ÿ”— ๋งํฌ

www.petcoco.kr

petcoco-vercel's People

Contributors

fesunmin avatar hyeonw8 avatar minsu1322 avatar sonjihun507 avatar yunsaera 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.