Movie Website

This is a movie website project to fetch movies data from TMDB API

Prerequisites Before you begin, ensure you have met the following requirements:

Make sure you have Node.js installed on your machine. You can download it from Node.js

Installation

Follow these steps to set up the project locally:

Clone the Repository: Start by cloning the repository to your local machine using Git:
```
git clone https://github.com/Walter-Tronics/HNGx_task_2.git
```
Navigate to the Project Directory: Change your current directory to the project folder:
```
cd HNGx_task_2
```
Install Dependencies: Install the project dependencies using npm:
```
npm install
```

Usage

To run the Movies website locally, follow these steps:

Start the Development Server: Launch the Vite development server:
```
 npm run dev
```
Open in Browser: Open your web browser and navigate to http://localhost:5173 to access the Movies Website.

Features

User Authentication: Users can sign up and log in to the gallery.
Image Display: Display a collection of images with titles and tags.
Drag-and-Drop: Users can rearrange images within the gallery using the Drag-and-Drop feature.
Image Search: Users can search for images by tags.
Responsive Design: The app is responsive and adapts to different screen sizes.

Technologies Used

Vite: The project uses Vite as the build tool and development server.
React: The frontend is built with React for UI components.
Supabase: Supabase is used for user authentication.
React-beautiful-dnd: The Drag-and-Drop feature is implemented using react-beautiful-dnd.