This is a Questions & Answers web full-stack application where users can create questions add, edit or delete their answers.
The technologies used in this project are:
- HTML & Tailwind & TypeScript
- React
- Auth0
- Vite & Vitest
- Responsive Design: Ensures the App looks great on all devices.
- Accessibility: Built with accessibility in mind.
- Innovative Solution: Created innovative solution to complex challenge, demonstrating creativity and problem-solving skills.
To run this app in development mode open the terminal and write the following:
git clone https://github.com/Zakaria9375/Q-A-react
cd Q-A-react
npm install
npm run devThis app has been crafted with a focus on accessibility, utilizing the Accessibility Linter, IBM Equal Access Accessibility Checker extension, and WCAG extension to adhere to accessibility best practices. Key features include: Zooming, Keyboard-only navigation, Static code analysis, Aria rules compliance, and Semantic HTML.
Some of Accessibility Tests Screenshots
Lighthouse Report
What went well ?
I am proud of accessibility, styling, clean markup, innovative problem-solving, and attention to every detail.
What could be improved ?
- The score, that is calculated by light-house report.
- The focus on
NavLink, that does not appear by keyboard navigation. - Unit testing.
- Proper of full integration of Auth0 into the app.
In every project I develop, I focus on improving code quality and incorporating new techniques into my development process. I strive to learn from my mistakes by addressing them directly and applying those lessons to future projects. My goal is to continuously refine and enhance my standard approach to project development.
- Portfolio - Zakaria Ali
- Frontend Mentor Profile - @Zakaria9375
- Project by - Frontend Mentor team
Want to contribute? Great! Here’s how you can help:
- Fork the repo and create your branch from
main. - Make your changes and test.
- Issue that "pull" request!
MIT License
Copyright (c) 2024-present, Zakaria Ali