Welcome to the MovieHub Frontend repository, a component of the comprehensive MovieHub application designed for movie list management. The project has been restructured into two separate repositories – one for the frontend and another for the backend. This repository is dedicated to the frontend, developed using Next.js, and is deployed on Vercel for effortless hosting. Additionally, Cloudinary is utilized for efficient media management.

• Responsive and interactive user interface.
• Seamless integration with the backend for CRUD operations on movies.
• User authentication and authorization through Auth0.
• Enhanced user experience with Next.js features.
• Automatic deployment using Vercel for quick updates.
• Media storage and management through Cloudinary.

• Node.js and npm installed.
• Basic knowledge of JavaScript and TypeScript.
• Familiarity with frontend development concepts.
• Access to the MovieHub Backend repository.

1. Clone this repository: git clone https://github.com/ivanlomoro/moviehub-nextjs.git
2. Navigate to the client folder: cd moviehub-nextjs
3. Install dependencies: pnpm install
4. Configure frontend environment variables.
5. Run the development server: pnpm dev

Access the MovieHub frontend application at http://localhost:your_port.

The MovieHub Frontend is automatically deployed on Vercel. Any changes pushed to the main branch trigger an automatic update of the deployed application.

• Next.js for frontend development.
• TypeScript for type-safe JavaScript.
• Auth0 for secure user authentication.
• Integration with the MovieHub Backend repository.
• MVC (Model-View-Controller) design pattern.
• Vercel for efficient and automatic deployment.
• Cloudinary for media storage and management.