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

https://github.com/sayantanmpaul/nospam-web

A project designed for detection of spam comments by quickly and accurately identifying irrelevant, inappropriate, and promotional messages.
https://github.com/sayantanmpaul/nospam-web

aws-hosting machine-learning nextjs python-flask spam-detection

Last synced: 30 days ago
JSON representation

A project designed for detection of spam comments by quickly and accurately identifying irrelevant, inappropriate, and promotional messages.

Awesome Lists containing this project

README

          

![front logo](https://user-images.githubusercontent.com/103353878/227656802-6af14ca1-87c4-419d-9d7c-f8f6e42c65e4.png)

## 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:

![sp1](https://user-images.githubusercontent.com/103353878/227650381-0a04af3b-3fbe-4d76-b68b-1dd70f29eab2.PNG)

- ### Login & Regitration page

![Capture](https://user-images.githubusercontent.com/103353878/227655460-72f2b4cd-aa23-4b7f-be0b-90d49fbfd2a0.PNG)

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

![Capture](https://user-images.githubusercontent.com/103353878/227705279-552295a6-28f8-467c-9141-bbf9c8f913ea.PNG)

- Users can view their credential data on the left panel

![a2](https://user-images.githubusercontent.com/103353878/227705419-c191185f-9bf0-42f6-996d-42a36f8bae49.PNG)

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

![image](https://user-images.githubusercontent.com/103353878/227705757-84caa3f9-c866-4feb-82b6-facca3617bdb.png)

- 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

![Capture](https://user-images.githubusercontent.com/103353878/227705828-ac409c3a-9a3e-4283-9325-5c5d7cbd2e63.PNG)

## Tools and Services:

#### - Python Libraries (ML model):

- `Flask`
- `NumPy`
- `Pandas`
- `Scikit-Learn`

#### - Frontend Screens:

- `Figma` ->> UI design [click here](https://www.figma.com/file/V1lKivkZNzdv1dsqenkt6g/NoSpam.?node-id=13%3A99&t=F76R8h3CK84ar0n1-1)
- `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 :stars:

## - Project Contributors

- [Avani Sethia](https://www.linkedin.com/in/avani-sethia-84b64621b)
- [Deblina Banerjee](https://www.linkedin.com/in/deblina-banerjee-231290206)
- [Durgesh Gupta](https://www.linkedin.com/in/durgesh-gupta-66017811a/)
- [Shreya Dubey](https://www.linkedin.com/in/shreya-dubey-a03b2a232/)
- [Tanisha Gupta](https://www.linkedin.com/in/tanisha-gupta-a81158210)
- [Sayantan Paul](https://www.linkedin.com/in/imsayantanpaul/)

#### :warning: 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:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```

Open [http://localhost:3000](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](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) 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](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.