AccessiTest is a modern web application designed to analyze accessibility issues in web pages. It provides users with a platform to log in, manage their profiles, and utilize various testing tools to enhance web accessibility.
- Next.js: A React framework for building server-rendered applications and static websites.
- Firebase: Utilized Firestore as a NoSQL database to store user information and manage application data.
- JWT (JSON Web Tokens): Implemented for managing user sessions and authentication without using Firebase Authentication. JWT tokens are generated upon successful login and stored in local storage.
- React: For building the user interface and managing component states.
- Tailwind CSS: For styling and responsive design, ensuring a modern and user-friendly interface.
- React Toastify: For displaying toast notifications to enhance user experience during login, registration, and other actions.
- Nodemailer: Nodemailer is used for sending results to email and to receive feedback from contact us page.
- Mistral AI: API is used to analyze axe-core issues and generate fix suggestions
- User registration
- User Login
- Profile management, where users can view and update their account details.
- JWT-based session management to maintain user authentication.
- Responsive design for a seamless experience on both desktop and mobile devices.
- Inspect url using axe-core functionality to find accessibility issues for a url
- Store the history of those results for user
- Retrieve the accessibility results and present it to the user
- Multiple integration (pa11y, axe-core)
- Dashboard visualization for each tools
- Code fix suggestions using AI SDK (Mistral AI)
AccessiTest is hosted on Vercel, providing a fast and reliable deployment platform. The live application can be accessed at:
https://accessitest.vercel.app/
- Clone the repository:
git clone https://github.com/arun664/accessitest.git cd accessitest - Install Node Package
npm install --legacy-peer-deps
- Run the project in development mode
npm run dev