Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gaurangpatel13/entertainment-app

This is a Entertainment build using react and node js
https://github.com/gaurangpatel13/entertainment-app

express-js express-middleware express-validator formik nodejs nodemon react react-redux react-router-dom swiper yup

Last synced: 3 months ago
JSON representation

This is a Entertainment build using react and node js

Host: GitHub
URL: https://github.com/gaurangpatel13/entertainment-app
Owner: GaurangPatel13
Created: 2024-08-17T08:29:17.000Z (5 months ago)
Default Branch: main
Last Pushed: 2024-09-02T10:42:20.000Z (4 months ago)
Last Synced: 2024-09-26T18:23:18.416Z (4 months ago)
Topics: express-js, express-middleware, express-validator, formik, nodejs, nodemon, react, react-redux, react-router-dom, swiper, yup
Language: JavaScript
Homepage: https://sunflixentertainment.netlify.app/
Size: 298 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# 🍿 SunFlix Entertainment App

## 🙌 Introduction

The [SunFlix Entertainment](https://sunflixentertainment.netlify.app/) is a full-stack movie and TV series entertainment application. The aim of this project was to practice full-stack development skills and to learn new interesting technologies. With this app, users can easily find a movie or TV series, watch a trailer, leave a comment, and add it to their bookmarks. They can also change the theme of the app.

## 👀 Features

- Search: Users can easily find movies, TV series and Actor/ Actress Details using the search functionality.
- Watch Trailers and Pictures: Users can watch trailers and view pictures of movies and TV series.
- Leave Reviews: Users can leave reviews for movies and TV series.
- Favorites: Users can add movies and TV series to their favorites for easy access later.
- Theme Change: Users can change the theme of the application according to their preferences.

## 🌐 Preview

To use the application, visit [SunFlix Entertainment](https://sunflixentertainment.netlify.app/) and sign up by creating username and password to access extra features like reviews and favorites.

# Technologies Used

[React App](https://create-react-app.dev/) : A JavaScript library for creating dynamic and interactive user interfaces with reusable components.

[Material UI](https://create-react-app.dev/) : A popular React component library that provides pre-designed, customizable UI components.

[Mongoose](https://mongoosejs.com/) : An Object Data Modeling (ODM) library for MongoDB and Node.js that provides a schema-based solution.

[ExpressJS](https://expressjs.com/) : A fast, unopinionated, and minimal web application framework for Node.js, designed to build web applications and APIs.

[Express Validator](https://express-validator.github.io/docs/) : A set of middleware functions for Express.js that allows you to validate and sanitize incoming request data.

[React Router](https://reactrouter.com/) : A standard library for React that enables dynamic routing, allowing you to create multi-page applications with navigation.

[Formik](https://formik.org/) : A popular open-source library for building forms in React, designed to manage form state, validation, and handling submission.

[Yup](https://github.com/jquense/yup/) : A JavaScript schema validation library used for defining and validating object schemas.

[Axios](https://axios-http.com/) : A popular JavaScript library used to make HTTP requests from both the browser and Node.js.

[ThemovieDB](https://www.themoviedb.org/) : An online database that provides comprehensive information about movies, TV shows, and actors.

[Swiper](https://swiperjs.com/) : A modern touch slider library that enables the creation of responsive, mobile-friendly, and customizable carousels.

[JWT](https://github.com/auth0/node-jsonwebtoken) : An open standard for securely transmitting information between parties as a JSON object.

## ❓ How To Use
1. Fork this repository

2. Clone your repository (do not forget to add `your account name`):
```bash
$ git clone https://github.com/[YOUR ACCOUNT NAME]/entertainment-app.git
```

3. Go into the repository and install dependencies:
```bash
$ cd entertainment-app

$ npm install
```

4. Add all needed Environmental variables to `.env.` You can use `.env.example` as template.

6. Finally start the development server:
```bash
$ npm start
```
- Open http://localhost:3000 in your browser to view the app.

# ScreenShots

![Fullstack Responsive Entertainment App 2024](https://github.com/user-attachments/assets/e97d3c2c-e5d6-4bb4-9d12-f0e222860822)
![Fullstack Responsive Entertainment App 2024](https://github.com/user-attachments/assets/e7d55d27-e0b4-4d63-bea3-edef16faab5a)
![Fullstack Responsive Entertainment App 2024](https://github.com/user-attachments/assets/ff26ac65-e94a-4e82-a0c1-52d8a45a2fb9)
![Fullstack Responsive Entertainment App 2024](https://github.com/user-attachments/assets/f7c3efbd-1cf8-4995-b66f-edc1f8aaea20)

## 🛠️ Authors

👩‍💻 Gaurang Patel [@GaurangPatel13](https://github.com/GaurangPatel13)

# Live Link

https://sunflixentertainment.netlify.app/