Giter Club home page Giter Club logo

cinecruise's Introduction

React Movie App1

A Simple Movie Application using React JS, Typescript and Tailwind css, allows user to search and see the trailer of the movie.

Demo

Check out a live demo and try it for yourself: Live demo

Screenshots

hero section

youtube video

movies slide

movie

search movie

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

**Prerequisites**

  • git If you want to clone the project from GitHub and work with it locally, you will need to have Git installed on your system. You can download and install Git from the official website (https://git-scm.com/).
  • Node.js Application requires Node.js to be installed on your system in order to run. You can download and install the latest version of Node.js from the official website (https://nodejs.org/).
  • npm (Node Package Manager) npm is the package manager for Node.js, and is used to manage the dependencies and packages required for your Next.js project. It is installed automatically when you install Node.js. To check if npm is installed on your system, you can open a terminal or command prompt and enter the following command:
    npm -v

Once you have these prerequisites in place, you can proceed to clone the project from GitHub using Git.

**Installing**

Make sure you have all the necessary prerequisites installed on your system. Follow the below steps to install the setup the project on your machine:

  • Open a terminal or command prompt and navigate to the directory where you want to clone the project.

  • Run the following command to clone the project from GitHub:

    git clone https://github.com/sudeepmahato16/movies-app.git
  • This will create a new directory called "movies-app" in the current location, containing the code for the movie app project.

  • Navigate to the project directory by running the following command:

    cd movies-app
  • Run the following command to install the project's dependencies using npm:

    npm install --legacy-peer-deps
  • Start the server

    npm run dev
  • To use the movie project, you will need to set up some environment variables on your development machine. Here are the steps to follow:

    1. Create a .env file in the root of the project.
    2. Add the following variables to the .env file, replacing the placeholder values with your own:
    VITE_API_KEY=<your-tmdb-api-key>
    VITE_TMDB_API_BASE_URL = https://api.themoviedb.org/3
    1. Save the .env file.
  • Once the dependencies are installed, you can run the project locally by running the following command:

    npm run dev

This will start the development server and open the movie application in your default web browser.

Contributing

We welcome contributions to movie app! If you have an idea for a new feature, an improvement to an existing feature, or a bug fix, please open an issue to discuss it before submitting a pull request. This helps me to review and understand your changes more efficiently.

To contribute code to movie app project:

  1. Fork the repository
  2. Create a new branch for your feature or bug fix
  3. Commit your changes to the new branch
  4. Run the automated tests to ensure that your changes do not break any existing functionality
  5. Open a pull request back to the main repository, including a description of your changes and any relevant issue numbers

Thank you for your contribution to Movie app project! We appreciate your efforts to help make this a great movie application.

cinecruise's People

Contributors

xkolz avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.