Movie Site Project

Overview

This project is a movie site that fetches data from the OMDb API. It features a user-friendly interface built with React, with backend services powered by Python. The project uses Tailwind CSS for styling.

Technologies Used

• Frontend: React
• Backend: Python
• Styling: Tailwind CSS
• API: OMDb API

Project Setup

Frontend

1. Install Dependencies:

   • Navigate to the frontend directory.
   • Run npm install to install the necessary dependencies.

2. Run the Development Server:

   • Use npm run dev to start the React development server.
   • Access the frontend at http://localhost:3000.

Styling

• Tailwind CSS:
  • Tailwind CSS is used for styling the React components. Ensure that the Tailwind configuration is correctly set up in the frontend directory.

OMDb API Integration

1. API Key:

   • Obtain an API key from the OMDb API website.

2. Environment Variables:

   • Add your API key to your environment variables. You can use a .env file or configure it directly in your React application.

3. Fetch Data:

   • Use the OMDb API to fetch movie data in your React components.
   • Example API call: https://www.omdbapi.com/?apikey=YOUR_API_KEY&s=movie_name

Conclusion

This project provides a comprehensive movie site experience using React for the frontend, Python for backend services, and Tailwind CSS for styling. With integration to the OMDb API, users can search and view movie information seamlessly.