Skip to content

kaanvur/svelte_movieApp

Repository files navigation

Hackathon Frontend Projesi

Konu

Tasarıma uygun bir film sitesi yapımı.

Talimatlar

  • Bir frontend framework'ü kullanarak aşağıda belirtilecek olan API ve Figma üzerinde yapılmış tasarımı
  • uygulamak.
  • Ana sayfasında popüler filmler, yeni çıkanlar, yakında çıkacaklar, en çok beğenilenler listesinin
  • bulunmaktadır. API dökümanında bu linkler kolayca bulunabilir.
  • Detay sayfasında filmin trailer, cast, özeti gibi yazılar olacaktır. API üzerinden gerekli linkler kolayca
  • bulunabilir.
  • Search sayfası yapımı ve API ile arama yapılmalı. API üzerinden gerekli link bulunabilir veya daha önce
  • anasayfa için gelen veriler üzerinden işlem yapabilirsiniz.

API

Bu API token ile çalışmaktadır. Üye olarak token alabilirsiniz.

https://developers.themoviedb.org/3/getting-started/introduction

TasarımTasarım

Tasarıma figma üzerinden kolayca ulaşabilirsiniz.

https://www.figma.com/file/6GfqZQ2NjkZ95hkBiOCbXt/Movies-app-(Community)-(Copy)?node-id=0%3A1&t=YRz6uAC5bhHamojj-0

Install project

If you're seeing this, you've probably already done this step. Congrats!

npm install

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.