NoSpam: Youtube comment spam detection project

Checkout the project: https://nospamdemo.webprojects.live/

root link: https://main.d10bi3vg38gvc0.amplifyapp.com/

Purpose:

The main purpose of the project is to identify and categorize unwanted, unsolicited comments sent in bulk which are commonly known as spam. It detects whether a comment is spam or ham posted on the most used and popular platform youtube.

Over 2.5 billion people access Youtube once a month and has 50 million subscribers according to 2021 survey. Thus the audience of youtube spam detection can be may be youtube content creators, youtube viewers, youtube advertisers, platform administrators.Over 2.5 billion people access Youtube once a month and has 50 million subscribers according to 2021 survey. Thus the audience of youtube spam detection can be may be youtube content creators, youtube viewers, youtube advertisers, platform administrators.

Project features:

• Highly predictive datasets crucial for effective and accurate decision making
• Free for everyone
• Designed as an Open source project
• Completely responsive accessable from the vast majority of screen devices

Frontend UI & pages:

• Login & Regitration page

users have to either register themselves or log in using their Google/GitHub credentials to access the to main workspace

• Main WorkSpace

• The user will see this page after successfully logging in

• Users can view their credential data on the left panel

• Users have to write/paste the comment to verify that's a spam or not

• By pressing the Predict button, the results will show whether the given text is a spam comment or not

• And don't forget to push the refresh button before giving another input

Tools and Services:

- Python Libraries (ML model):

• Flask
• NumPy
• Pandas
• Scikit-Learn

- Frontend Screens:

• Figma ->> UI design click here
• NextJs13 with TailwindCss ->> Frontend and UI styling
• Framer-Motion ->> Element and screen animation
• NextAuthJs ->> User authentication
• Formik Hooks ->> State management

- Hosting Service:

• Aws Amplify & Elastic Beanstalk ->> Hosting the project
• Name.com ->> Custom domain name

- If you made it out here, do give the project a star; we will be grateful 🌠

- Project Contributors

• Avani Sethia
• Deblina Banerjee
• Durgesh Gupta
• Shreya Dubey
• Tanisha Gupta
• Sayantan Paul

⚠️ The project is currently in development stage; additional interesting features will be added soon

Getting Started With Your Local System

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.