Webatool

Webatool is an Web Accessibility Evaluation Tool for testing applications like websites and other HTML-based user interfaces, designed using an Axe Core Engine.

https://www.npmjs.com/package/@axe-core/puppeteer

Prerequisite

• Nodejs
• MySQL
• Vscode

Tech Stack

• React
• NextJS
• Typescript
• TailwindCss
• Recharts.js
• MySQL
• Docker
• axe-core/puppeteer
• puppeteer

Clone Project

git clone https://github.com/balajihambeere/webatool.git

cd webatool

Environment Variables in .env file

Update env file with your local database credentials.

Local database

LOCAL_DB_DATABASE=

LOCAL_DB_USER=

LOCAL_DB_PASSWORD=

LOCAL_HOST=localhost

Install it and run:

npm install
npm run dev

Release Version 1.1.0

• Replace MUI with TailwindCss
• Added Visual Analytics Reports with Recharts
• Configured e2e cypress
• Configured Jest and ReactTesting library
• Configured google Web Fonts

Video Reference

https://user-images.githubusercontent.com/22393576/193113981-6c83da55-b3ad-42cb-b5e3-33b64f289748.mp4

Release Version 1.0.0

• New Scan
• Dashboard
  • Scans List
  • Scan Details

Video Reference

https://user-images.githubusercontent.com/22393576/190894383-9e915a9c-2e2c-4fdc-af40-b9c1a5b64719.mp4