Giter Site home page Giter Site logo

rachel490 / ghibli Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 1.0 315 KB

🎬 Ghibli Studio Film Website 🎬

Home Page: https://ghibli-studio-clone.vercel.app/

TypeScript 95.74% JavaScript 1.26% CSS 2.99%
apollo emotion ghibli-api giphy-api graphql-client graphql-server nextjs tmdb-api typescript

ghibli's Introduction

🎬 Ghibli Fan Page


πŸ–₯  배포 μ£Όμ†Œ

πŸ‘‰ μ„œλΉ„μŠ€ λ°”λ‘œκ°€κΈ°


πŸ’Ÿ Β  ν”„λ‘œμ νŠΈ μ†Œκ°œ

μ§€λΈŒλ¦¬ μ˜ν™”λ“€μ„ λͺ¨μ•„놓은 μ‚¬μ΄νŠΈμž…λ‹ˆλ‹€! 곳곳에 ν©μ–΄μ ΈμžˆλŠ” μ§€λΈŒλ¦¬ μ˜ν™” κ΄€λ ¨ μ½˜ν…μΈ λ₯Ό ν•œκ³³μ—μ„œ 즐길 수 μžˆλ„λ‘ ν•˜μ˜€μŠ΅λ‹ˆλ‹€.

λ‹€μŒκ³Ό 같은 κΈ°λŠ₯듀을 μ œκ³΅ν•©λ‹ˆλ‹€.

  • 기쑴의 rest apiλ₯Ό graphql둜 λ³€ν™˜ν•˜λŠ” μž‘μ—…μ„ ν•˜μ˜€μŠ΅λ‹ˆλ‹€.
  • ghibli studioμ—μ„œ μ œκ³΅ν•˜λŠ” κ³ ν™”μ§ˆ 이미지λ₯Ό 가러리 νŽ˜μ΄μ§€μ—μ„œ λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€.
  • μ˜ν™”μ— κ΄€λ ¨λœ gif λͺ¨μŒμ„ giphy apiλ₯Ό μ΄μš©ν•΄ μ œκ³΅ν•©λ‹ˆλ‹€.
  • μ˜ν™”μ˜ 트레일러 μ˜μƒμ„ 유튜브 μ— λ² λ””λ“œλ‘œ μ œκ³΅ν•©λ‹ˆλ‹€.


πŸ”Ά Β μ‚¬μš©ν•œ 기술 μŠ€νƒ

  • Typescript
  • Next.js 12
  • GraphQL
  • Apollo Server
  • Apollo Client
  • Emotion
  • Public API (giphy / tmdb)


πŸ—³Β κ΅¬ν˜„ 사항

  • ν™ˆ νŽ˜μ΄μ§€ (μ˜ν™”λͺ©λ‘)
  • μ˜ν™” 상세 νŽ˜μ΄μ§€
  • μ˜ν™” gif λͺ¨μŒ νŽ˜μ΄μ§€
  • μ˜ν™” 가러리 νŽ˜μ΄μ§€
  • μ˜ν™” 트레일러 νŽ˜μ΄μ§€


πŸ‘€Β μ‹œμ—° μ˜μƒ

Untitled.mp4


πŸ€”Β μΆ”ν›„ κ³„νš

  • 리뷰 νŽ˜μ΄μ§€ μž‘μ—…
  • 인물 / species api ν™œμš©ν•œ νŽ˜μ΄μ§€ λ§Œλ“€κΈ°


πŸ‘πŸ‘ Credit To !!!

https://github.com/mazipan/ghibli-api

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.