https://github.com/gitusergb/my_movies_app

The Movie App lets users browse, sort, and view detailed information about movies, built with React, Node.js, Express.js, and MongoDB.
https://github.com/gitusergb/my_movies_app

css express-js html javascript mongoose nodejs reactjs

Last synced: 14 days ago
JSON representation

The Movie App lets users browse, sort, and view detailed information about movies, built with React, Node.js, Express.js, and MongoDB.

• Host: GitHub
• URL: https://github.com/gitusergb/my_movies_app
• Owner: gitusergb
• Created: 2024-08-14T14:30:39.000Z (3 months ago)
• Default Branch: master
• Last Pushed: 2024-08-14T14:57:10.000Z (3 months ago)
• Last Synced: 2024-11-02T22:04:15.193Z (14 days ago)
• Topics: css, express-js, html, javascript, mongoose, nodejs, reactjs
• Language: JavaScript
• Homepage: https://sunny-phoenix-6add1a.netlify.app/
• Size: 185 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# 🎬 Movie App

## Description

The Movie App is a simple, user-friendly platform where you can explore, sort, and view detailed information about your favorite movies. It allows users to browse through a collection of movies, view their details. This app is built using React for the frontend and Node.js with Express.js for the backend. MongoDB is used for storing movie data.

## Features

- **Browse Movies**: Explore a collection of movies with their names, release dates, image, and IMDb ratings.

- **Movie Details**: Click on any movie to view its detailed information on a separate page.

## Tech Stack

- **Frontend**: React.js

- **Backend**: Node.js, Express.js

- **Database**: MongoDB

- **Styling**: CSS

## Screenshots

| Home Page       | Movie Details Page | Movies Data |

|-----------------|---------------------|----------------------|

| ![Home Page](https://i.ibb.co/c39L7by/movies.png) | ![Movie Details Page](https://i.ibb.co/V2w2RkV/movi-page.png) | ![Movies DB](https://i.ibb.co/njLN1g4/movie-app-data.png) |

## Installation

1. Clone the repository:

    ```

    git clone https://github.com/gitusergb/My_Movies_app.git

    ```

2. Install dependencies for both frontend and backend:

    ```

    cd  my_movies_client

    npm install

    cd my_movies

    npm install

    ```

3. Start the backend server:

    ```

    cd my_movies

    npm start

    ```

4. Start the frontend development server:

    ```

    cd  my_movies_client

    npm start

    

    ```

## Netlify Deployment

The application is deployed on Netlify. You can access the live version [Netlify Link](https://sunny-phoenix-6add1a.netlify.app/).

## Contributor

- **Gauri Bidwai**