{"id":15099051,"url":"https://github.com/zakaria9375/q-a-react","last_synced_at":"2026-02-24T20:40:26.059Z","repository":{"id":246097377,"uuid":"820013253","full_name":"Zakaria9375/Q-A-react","owner":"Zakaria9375","description":"Question and Answer - fullstack web app - using react and spring boot ","archived":false,"fork":false,"pushed_at":"2024-07-03T01:06:49.000Z","size":2200,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-25T09:44:56.791Z","etag":null,"topics":["auth0","react","tailwindcss","typescript","vite"],"latest_commit_sha":null,"homepage":"https://za-qa.netlify.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Zakaria9375.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-25T16:12:32.000Z","updated_at":"2024-07-03T01:06:51.000Z","dependencies_parsed_at":"2024-06-28T00:38:40.407Z","dependency_job_id":"2306779c-ee36-45f4-9667-f50273a4ff11","html_url":"https://github.com/Zakaria9375/Q-A-react","commit_stats":null,"previous_names":["zakaria9375/q-a-react"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Zakaria9375/Q-A-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zakaria9375%2FQ-A-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zakaria9375%2FQ-A-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zakaria9375%2FQ-A-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zakaria9375%2FQ-A-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Zakaria9375","download_url":"https://codeload.github.com/Zakaria9375/Q-A-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zakaria9375%2FQ-A-react/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260097181,"owners_count":22958160,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["auth0","react","tailwindcss","typescript","vite"],"created_at":"2024-09-25T17:03:58.146Z","updated_at":"2026-02-24T20:40:26.021Z","avatar_url":"https://github.com/Zakaria9375.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Question \u0026 Answers - React\n\nThis is a Questions \u0026 Answers web full-stack application where users can create questions add, edit or delete their answers.\n\n## Overview\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"./public/outcome.gif\" alt=\"Live Outcome\" width=\"900\"\u003e\n\u003c/p\u003e\n\n## Technologies\n\nThe technologies used in this project are:\n\n- HTML \u0026 Tailwind \u0026 TypeScript\n- React\n- Auth0\n- Vite \u0026 Vitest\n\n## Features\n\n- **Responsive Design**: Ensures the App looks great on all devices.\n- **Accessibility**: Built with accessibility in mind.\n- **Innovative Solution**: Created innovative solution to complex challenge, demonstrating creativity and problem-solving skills.\n\n## Setup\n\nTo run this app in development mode open the terminal and write the following:\n\n```shell\ngit clone https://github.com/Zakaria9375/Q-A-react\n\ncd Q-A-react\n\nnpm install\n\nnpm run dev\n```\n\n## Links\n\n- [Backend Repository](https://github.com/Zakaria9375/QA-springboot-backend)\n- [Live Demo](https://za-qa.netlify.app/)\n\n## Accessibility\n\nThis 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,\nKeyboard-only navigation, Static code analysis, Aria rules compliance, and Semantic HTML.\n\n## Screenshots\n\n\u003cdetails\u003e\n  \u003csummary\u003e\u003cb\u003eSome of Accessibility Tests Screenshots\u003c/b\u003e\u003c/summary\u003e\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"./public/access1.PNG\" alt=\"Accessibility test 1\" width=\"\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"./public/access2.PNG\" alt=\"Accessibility test 2\" width=\"350\"\u003e\n\u003c/p\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003e\u003cb\u003eLighthouse Report\u003c/b\u003e\u003c/summary\u003e\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"./public/lighthouse.PNG\" alt=\"Lighthouse tests\" width=\"450\"\u003e\n\u003c/p\u003e\n\u003c/details\u003e\n\n## Retrospectives\n\n\u003e What went well ?\n\nI am proud of accessibility, styling, clean markup, innovative problem-solving, and attention to every detail.\n\n\u003e What could be improved ?\n\n1. The score, that is calculated by light-house report.\n2. The focus on `NavLink`, that does not appear by keyboard navigation.\n3. Unit testing.\n4. Proper of full integration of Auth0 into the app.\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"./public/retro.PNG\" alt=\"lighthouse downsides\" width=\"500\"\u003e\n\u003c/p\u003e\n\n## About the Author\n\n\u003e 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_**.\n\n- Portfolio - [Zakaria Ali](https://zaportfolio.netlify.app/)\n- Frontend Mentor Profile - [@Zakaria9375](https://www.frontendmentor.io/profile/Zakaria9375)\n- Project by - [Frontend Mentor team](https://www.frontendmentor.io/)\n\n## Contributing\n\n**Want to contribute?** _Great!_ Here’s how you can help:\n\n1. Fork the repo and create your branch from `main`.\n2. Make your changes and test.\n3. Issue that \"pull\" request!\n\n## License\n\nMIT License  \nCopyright (c) 2024-present, Zakaria Ali\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzakaria9375%2Fq-a-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzakaria9375%2Fq-a-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzakaria9375%2Fq-a-react/lists"}