Git Product home page Git Product logo

pranav-programmer / arynam Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 14.12 MB

Arynam is a sleek OTT platform built with Next.js, Tailwind CSS, and Node.js. Enjoy seamless movie exploration, Google account sign-in, watchlist management, and admin capabilities. Elevate your streaming experience with an intuitive interface and personalized features

Home Page: https://arn.vercel.app/

JavaScript 93.74% CSS 6.26%
contribute-repository features feedback getting-started introduction purpose run-locally usage

arynam's Introduction

Arynam - OTT Platform

Arynam is an OTT platform, providing users with the ability to watch movie trailers and download movies by signing in using their Google account. The platform offers a user-friendly interface with sections for Home, New & Popular, Web Series, Movies, Anime, and an Admin panel. The website is built using Next.js for the frontend, Tailwind CSS for styling, Node.js for the backend API, MongoDB Atlas for storing movie text details, and Cloudinary for storing movie posters.

Purpose

The primary goal of Arynam is to create a seamless OTT platform where users can explore and enjoy movie content. The website simplifies the user experience by integrating Google account sign-in for easy access to trailers and downloads.

Features

  • User-Friendly Interface: A well-organized layout with navigation options and quick access buttons.

  • Google Account Integration: Users can sign in using their Google accounts for a personalized experience.

  • Content Categories: Categorized content for easy navigation, including New & Popular, Web Series, Movies, and Anime.

  • Watchlist Functionality: Users can add movies, web series, and anime to their watchlist for quick access.

  • Admin Panel: An admin panel for managing and adding new content to the platform.

Getting Started

To get started with Arynam, simply visit the Arynam website, Sign In with you google account and watch your favourate Movies, Webseries and Animes.

Prerequisites to run this project on your local system

  • Node.js installed on your local system.
  • MongoDB account for backend data storage.
  • Cloudinary account for storing movie posters.

Run Locally - Arynam Web Application

Backend Setup

  1. Clone the repository
  git clone https://github.com/Pranav-Programmer/BackendAN'
  1. Navigate to the backend directory
  cd BackendAN
  1. Install dependencies
  npm install
  1. Comment line number 38 to 43 and add following line to below commented lines in app.js file
app.listen(5000, () => {
  console.log("Server Started");
});
  1. Set up MongoDB and Cloudinary credentials in the appropriate config files.

Backend Setup Instructions

  1. API Configuration:
  • Create a .env file in the backend root directory.
  • Add MongoDB connection string and Cloudinary credentials
  MONGODB_URI='Your_MongoDB_URI'
  cloud_name = 'Your_Cloudinary_Cloud_Name'
  api_key = 'Your_Cloudinary_API_Key'
  api_secret = 'Your_Cloudinary_API_Secret'
  1. Run the Backend:
  • Start the backend server
  node app.js

Enable Sign-in with Google Feature on Arynam

  1. Obtain Google API credentials
  2. Set up Google OAuth credentials. Refer to Google's OAuth documentation

Frontend Setup

  1. Clone the repository
  git clone https://github.com/Pranav-Programmer/Arynam'
  1. Navigate to the frontend directory
  cd Arynam
  1. Install dependencies
  npm install
  1. Setup Sign-in with Google and Cloudinary credentials
  • Create a .env.local file in the frontend root directory
  • Add Sign In with Google credentials
CLIENT_ID=Your_Google_Client_Id
CLIENT_SECRET=Your_Google_Client_Secret
NEXTAUTH_SECRET=Any_Hard_String_you_Think_Of
NEXTAUTH_URL=http://localhost:3000
  • Update the Cloudinary configuration on 'src/components/FileUpload.js' file by replacing the placeholders with Your_Cloudinary_Cloud_Name. [Modify line number 81 in FileUpload.js file code]
  1. Start the frontend application
  npm run dev
  1. Now on any web browser open 'localhost:3000'

Usage of Arynam Website

  • Explore the various sections like Home, New & Popular, Web Series, Movies, and Anime.
  • Sign in with Google to access personalized features.
  • Add movies, web series, and anime to your watchlist.
  • Visit the Admin panel to add new content and delete old content.

IMG_20240115_030822

IMG_20240115_031057

Contribute

  1. Fork the repository: 'https://github.com/Pranav-Programmer/Arynam'
  2. Create a new branch for your feature: git checkout -b feature/new-feature
  3. Commit your changes: git commit -am 'Add new feature'
  4. Push to your branch: git push origin feature/new-feature
  5. Pull request: Submit a pull request.

Feedback and Support

For any feedback or support related inquiries, please contact me at https://pranav-programmer.github.io/Contact-Form/

GitHub Repository:

logo

linkedin

arynam's People

Contributors

pranav-programmer 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.