School assignment Application README

This README provides guidance on installation, development, and troubleshooting for a Movie data Application developed with Nextjs, React and Tailwind CSS.

Demo link

--- link ---

Prerequisites

Before starting the project, ensure the following prerequisites are met:

• Node.js installed on your machine
• npm package installed

Installation

Follow these steps to get started:

1. Clone the project: Use the following command to clone the repository:

   git clone https://github.com/Flowball/popcorn-time.git
   

2. Install dependencies: Navigate to the cloned directory and install dependencies:

   npm install
   

Development

Once installed, follow these steps for development:

1. Start the development server: Run the following command:

   npm run dev
   

NextJS app router

NextJS app router is used for this projekt.

Mockup data

• data/index.ts:

React Components

• Context.tsx: Data provider
• layout.tsx: Layout for application
• MovieCard.tsx: Cards for mapping and display all movies
• Navbar.tsx: Navbar
• Recommended.tsx: Recommended function
• Trending.tsx: Trending function
• SearchInput.tsx: Search function
• Rating.tsx: Feature Flag function

Tailwind CSS

Tailwind CSS is used for styling throughout the application.

Troubleshooting

If you encounter any issues during installation or development, ensure prerequisites are met and refer to React's, tailwinds and NextJS documentation for solutions.