Learn-Flow is a dynamic web platform built using the MERN stack (MongoDB, Express, React, Node.js), designed to facilitate online learning through video content. The platform features OAuth 2.0 integration for secure Google account sign-in, providing a seamless and privacy-conscious user experience. The application also implements role-based access control (RBAC), ensuring different levels of access for users based on their roles as "Creators" or "Students."

This project aims to provide an intuitive platform where:

• Creators can upload and post learning videos.
• Students can access and view posted learning videos.
• Users can engage in structured discussions with an infinite threaded comment system under each video.

• Implemented Google OAuth 2.0 for secure authentication, allowing users to log in using their Google accounts.
• Ensured a privacy-conscious experience with minimal data access required for sign-in.

• Creators: Have the ability to upload and post learning videos for others to access.
• Students: Have the ability to view the posted learning videos but cannot upload content.
• Implemented a robust role management system using JWT (JSON Web Tokens) for maintaining secure sessions and access control.

• Designed and implemented a hierarchical data structure using MongoDB to support an infinite threaded comment system.
• This allows users to post comments under each video, with support for nested replies to create an organized and engaging discussion experience.

• MongoDB: Used as the database for storing user information, videos, and comments in a scalable and flexible way.
• Express: Serves as the backend framework to handle API requests, manage routes, and integrate with MongoDB.
• React: Used for the frontend, enabling a dynamic and responsive user interface that updates in real time.
• Node.js: Powers the backend server, handling API requests and integrating with third-party services like Google OAuth 2.0.

• MongoDB: Database for storing user data, videos, and comments.
• Express.js: Web application framework for Node.js.
• React.js: Frontend JavaScript library for building dynamic and responsive UI components.
• Node.js: Backend runtime environment for building scalable network applications.
• OAuth 2.0: Secure authentication using Google accounts.
• JWT: JSON Web Tokens for role-based access control and user session management.
• HTML/CSS/JavaScript: Standard web technologies used for building the frontend interface.

• Node.js installed on your local machine. You can download it from here.
• MongoDB database or a cloud database service like MongoDB Atlas.

git clone https://github.com/devcrypt6/Learn-Flow.git cd Learn-Flow

Run the following command to install the necessary dependencies for both the frontend and backend:

npm install

Create a .env file in the root of the project and configure the following environment variables:

MONGO_URI=<your-mongo-db-uri> JWT_SECRET=<your-secret-key> GOOGLE_CLIENT_ID=<your-google-client-id> GOOGLE_CLIENT_SECRET=<your-google-client-secret>

• MONGO_URI: Connection string for MongoDB.
• JWT_SECRET: Secret key for generating JWT tokens.
• GOOGLE_CLIENT_ID and GOOGLE_CLIENT_SECRET: Credentials for integrating Google OAuth 2.0.

Start the backend server:

npm run server

Start the frontend:

npm run client

Both the frontend and backend should now be running locally.

You can access the application in your browser by navigating to:

http://localhost:3000

• Go to the homepage and sign in using your Google account via OAuth.
• The platform will recognize your role (either Creator or Student) based on your credentials and grant appropriate access.

We welcome contributions to Learn-Flow! Here’s how you can contribute:

1. Fork the repository.
2. Create a new feature branch (git checkout -b feature/new-feature).
3. Commit your changes (git commit -m 'Add new feature').
4. Push to your branch (git push origin feature/new-feature).
5. Create a Pull Request.

Example of the Google OAuth login screen.

Example of the video page with comments and discussion.

This project is licensed under the MIT License - see the LICENSE file for details.

Learn-Flow provides a powerful and user-friendly platform for online learning with features like role-based access control, OAuth 2.0 integration, and a threaded comment system for interactive discussions. This application is built with the MERN stack and designed to scale as a dynamic learning platform.

Feel free to visit the project on GitHub: Learn-Flow Repository.