Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fatihycan/kemal-sunal-movies
https://github.com/fatihycan/kemal-sunal-movies
bootstrap css3 error-handling event-handling html5 javascript react react-bootstrap react-icons react-router-dom responsive-design state-management use-navigate useeffect-hook usestate-hook
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/fatihycan/kemal-sunal-movies
- Owner: FatihYcan
- Created: 2023-12-17T19:25:10.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-08-27T13:58:01.000Z (6 months ago)
- Last Synced: 2024-11-15T16:24:57.967Z (3 months ago)
- Topics: bootstrap, css3, error-handling, event-handling, html5, javascript, react, react-bootstrap, react-icons, react-router-dom, responsive-design, state-management, use-navigate, useeffect-hook, usestate-hook
- Language: JavaScript
- Homepage: https://fy-kemal-sunal-movies.netlify.app/
- Size: 229 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Kemal Sunal Movies
This project is a React application that lists Kemal Sunal's movies and shows their details. Users can search, filter and view details of movies.
## Features
- **Movie List Display:** The app shows users which movies are available by listing the available movies.
- **Movie Search:** Users can find specific movies using the movie search box.
- **Filtering by Category and Year:** Users can filter movies by category and year.
- **Viewing Movie Details:** Users can see detailed information about the movie when they click on the details button. This information includes director, actors, genre, duration, release date and trailer.
- **404 Page:** There is an error page that redirects users when an invalid URL is entered.
## Technologies
- HTML5
- CSS3
- Bootstrap
- React
- JavaScript
- React Router DOM
- React Bootstrap
# Kemal Sunal Filmleri
Bu proje, Kemal Sunal'ın filmlerini listeleyen ve detaylarını gösteren bir React uygulamasıdır. Kullanıcılar, filmleri arayabilir, filtreleyebilir ve detaylarını görüntüleyebilirler.
## Özellikler
- **Film Listesi Görüntüleme:** Uygulama, mevcut filmleri listeleyerek kullanıcılara hangi filmlerin mevcut olduğunu gösterir.
- **Film Arama:** Kullanıcılar, film arama kutusunu kullanarak belirli filmleri bulabilirler.
- **Kategori ve Yıla Göre Filtreleme:** Kullanıcılar, filmleri kategori ve yıl bazında filtreleyebilirler.
- **Film Detaylarını Görüntüleme:** Kullanıcılar, details butonuna tıkladıklarında filmle ilgili detaylı bilgileri görebilirler. Bu bilgiler arasında yönetmen, oyuncular, tür, süre, çıkış tarihi ve fragman yer alır.
- **404 Sayfası:** Geçersiz bir URL girildiğinde kullanıcıları yönlendiren bir hata sayfası bulunmaktadır.
## Teknolojiler
- HTML5
- CSS3
- Bootstrap
- React
- JavaScript
- React Router DOM
- React Bootstrap
https://github.com/user-attachments/assets/9988d31d-60a9-4bb8-98cb-7a8108e975a4
[Live](https://fy-kemal-sunal-movies.netlify.app/)