Arynam - Content Aggregation Platform

Arynam is an content aggregation Platform, providing users with the ability to watch movie trailers and discover 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 content aggregation 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 watch link.

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'

2. Navigate to the backend directory

  cd BackendAN

3. Install dependencies

  npm install

4. 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");
});

5. 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'

2. 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'

2. Navigate to the frontend directory

  cd Arynam

3. Install dependencies

  npm install

4. 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]

5. Start the frontend application

  npm run dev

6. 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.

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:

• https://github.com/Pranav-Programmer/Arynam
• https://github.com/Pranav-Programmer/BackendAN