Skip to content

Latest commit

 

History

History
44 lines (37 loc) · 1.92 KB

README.md

File metadata and controls

44 lines (37 loc) · 1.92 KB
Raw

CATFILMS

About The Project

Features

Catfilms is a movie site where you can access movies from many categories. You can get information about popular movies and favorite movies with the data I fetch from TMDB API.

  • Movies by Category: The app lists different movie categories and provides users with a variety of options.
  • Movie Detail Page: Clicking on each movie card takes you to a page with detailed movie information.
  • Server-Side Rendering (SSR): Movies are rendered on the server side, providing a fast and SEO-friendly experience.
  • Client-Side Rendering (CSR): Some pages are dynamically rendered based on user interactions, allowing for faster transitions.
  • Error Page: If an unexpected error occurs, it provides a user-friendly error page.
  • Loading Page: Pages have a loading screen to give the user a better experience when loading.

Built With

  • Next.js v13: Advanced browser-compatible React framework.
  • API Usage: Fetch operations to pull movie data from an API.
  • Foldering Logic: Organize components in a logical way using Next.js' own folder structure.
  • Components: Minimizing code repetition through modular component structures.
  • Styling: Styling applications with methods such as CSS Modules
  • React Icons: For display the logo icon throughout the application.

Getting Started

To get the project up and running on your local machine, follow these steps:

Clone the repository:

git clone https://github.com/dilarauluturhan/catfilms.git

Go to the project directory:

cd catfilms

Start the application:

npm run dev

Go to http://localhost:3000 in your browser.

Contact With

Dilara Uluturhan - LinkedIn - [email protected]