Movie Search App with Vue 3

Vue 3 ile Film Arama Uygulaması

Yıllar önce HTML5, SCSS/CSS3 ve jQuery teknolojileri ile geliştirdiğim ve filmleri OMDb API'sini sorgulayarak listelediğim bir uygulamaydı. Şimdi Vue 3 ile biraz daha geliştirerek yeniden kodladım.

Demo: https://movie-search.ferditarakci.com.tr

Kullanım

OMDb Api key oluşturmak için https://www.omdbapi.com/apikey.aspx linkine gidin. Generate API Key bölümünden API anahtarınızı oluşturup **.env veya .env.dev dosyasında VITE_APP_API_KEY değişkenine ekleyin.

English

It was an application that I developed years ago with HTML5, SCSS/CSS3 and jQuery technologies and I listed movies by querying the OMDb API. Now I've re-coded it with Vue 3 by developing it a bit more.

Usage

To generate OMDb Api key, go to https://www.omdbapi.com/apikey.aspx. Generate your API key from the Generate API Key section and add it to the VITE_APP_API_KEY variable in the **.env or .env.dev file.

Add VITE_APP_API_KEY = "OMDb_API_KEY" in .env or .env.dev

Project setup

yarn

Compiles and hot-reloads for development

yarn dev

Compiles and minifies for production

yarn build

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Learn more about IDE Support for Vue in the Vue Docs Scaling up Guide.