Urban-Views: A movie library web application built with React.js

Note: Switch to experimental branch to see whole project.

Description

• The project is named Urban-Views.
• Application provides features like login, signing up user, netflix like animation to scroll through movies list.
• Trailer of movie can be played in the card component itself just by hovering over any movie title.
• Dedicated 'watch page' to watch trailer of movies in separate page.
• The application is built using React (Custom Hooks, Context).
• Extensive use of SASS to design every part of application.
• The movies list will be fetched from MONGODB Database with CRUD option available in the admin section.

Screenshots

Untitled.mp4

---

Running the application on your development server

git clone https://github.com/jay1310/UrbanViews.git

Open terminal and run this command to create a clone of this repository.

cd api

cd to api directory.

npm install

Inside the client directory, run this command. This will install all the dependencies and packages inside api directory.

.env File

Create an environment variable file inside api directory and add your MONGODB_URL and SECRET_KEY

nodemon index.js

Connect to database

cd client

cd to client directory.

npm install

Inside the client directory, run this command. This will install all the dependencies and packages which are required to run this application.

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.