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.

• 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.

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.

Dilara Uluturhan - LinkedIn - [email protected]