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 - dilarauluturhan@outlook.com