Movie App README

🚀 Excited to Share My Latest Project! 🎉

I'm thrilled to announce the completion of my Movie App, a small yet powerful application that features an authentication-based login system. Built using Vite, this project showcases a modern tech stack and a sleek user interface. Below is a comprehensive overview of the technologies and features that make this project stand out.

Table of Contents

• Project Overview
• Technologies Used
• Features
• Installation
• Usage
• Contributing
• License
• Contact

Project Overview

The Movie App allows users to log in securely and explore a rich database of movies. Users can browse, search, and view detailed information about their favorite films, all while enjoying a sleek and responsive user interface powered by Vite.

Technologies Used

• Frontend:

  • React: A JavaScript library for building user interfaces.
  • Tailwind CSS: A utility-first CSS framework for creating responsive designs.
  • Vite: A fast and efficient build tool for modern web applications.

• State Management:

  • Redux Toolkit: A powerful tool for managing application state efficiently.

• Backend:

  • Node.js: A JavaScript runtime for building scalable network applications.
  • Express: A minimal and flexible Node.js web application framework.

• Database:

  • MongoDB: A NoSQL database for seamless data storage and retrieval.

• Authentication:

  • JWT (JSON Web Tokens): A compact, URL-safe means of representing claims to be transferred between two parties.

• Movie Data:

  • TMDB API: Integrated for fetching movie information and metadata.

Features

• User Authentication: Secure login and registration using JWT.
• Movie Browsing: Search movies from the TMDB database.
• Responsive Design: A mobile-friendly interface built with Tailwind CSS and powered by Vite.
• State Management: Efficiently manage application state with Redux Toolkit.
• Detailed Movie Information: Access to comprehensive details about each movie, including ratings, reviews, and trailers.

Installation

To get started with the Movie App, follow these steps:

1. Clone the repository:

   git clone https://github.com/usirikapallymallesh/Movie-app.git
   cd frontend

2. Set up the backend: Navigate to the server directory and install dependencies:

   cd backend
   npm install

3. Set up environment variables:

   • Create a .env file in the backend directory and add your MongoDB connection string and JWT secret.

4. Start the backend server:

   node index.js

5. Set up the frontend: Navigate to the frontend directory and install dependencies:

   cd ../frontend
   npm install

6. Start the frontend application:

   npm run dev

7. Access the application: Open your browser and navigate to http://localhost:5173 for the frontend and http://localhost:10000 for the backend.

Usage

• Register: Create a new account to start exploring movies.
• Login: Use your credentials to log in and access personalized features.
• Browse Movies: Use the search bar to find movies by title, genre, or release date.
• View Details: Click on a movie to see more information, including ratings and trailers.

Contributing

I welcome contributions! If you have suggestions or improvements, feel free to fork the repository and submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Contact

Feel free to connect with me if you're interested in discussing tech stacks, collaborating on future projects, or simply sharing ideas!

• GitHub: Mallesh Usirikapally
• Email: malleshmernstack@example.com

💻✨ Thank you for checking out my Movie App! I hope you find it as exciting as I do!