{"id":21547561,"url":"https://github.com/matan3sh/ox-security-assignment","last_synced_at":"2026-04-19T14:06:53.527Z","repository":{"id":263504441,"uuid":"890613384","full_name":"matan3sh/ox-security-assignment","owner":"matan3sh","description":null,"archived":false,"fork":false,"pushed_at":"2024-11-19T09:05:35.000Z","size":81,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-18T01:46:18.204Z","etag":null,"topics":["antdesign","nuqs","react-query","reactjs","styled-components","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/matan3sh.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-11-18T21:58:05.000Z","updated_at":"2024-11-19T09:06:22.000Z","dependencies_parsed_at":"2024-11-19T06:30:39.066Z","dependency_job_id":null,"html_url":"https://github.com/matan3sh/ox-security-assignment","commit_stats":null,"previous_names":["matan3sh/ox-security-assignment"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/matan3sh/ox-security-assignment","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matan3sh%2Fox-security-assignment","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matan3sh%2Fox-security-assignment/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matan3sh%2Fox-security-assignment/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matan3sh%2Fox-security-assignment/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/matan3sh","download_url":"https://codeload.github.com/matan3sh/ox-security-assignment/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matan3sh%2Fox-security-assignment/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32009243,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T20:23:30.271Z","status":"online","status_checked_at":"2026-04-19T02:00:07.110Z","response_time":55,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["antdesign","nuqs","react-query","reactjs","styled-components","typescript"],"created_at":"2024-11-24T06:15:31.699Z","updated_at":"2026-04-19T14:06:53.502Z","avatar_url":"https://github.com/matan3sh.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## OX Security Assignment\n\n- [ ] **Description** - This is a full-stack application for managing employee statuses.\n      The system allows users to view, filter, and update employee statuses via a simple and intuitive interface.\n      The backend was pre-made and powered by an Express REST server, and the frontend is built using React.\n\n## Technologies I used\n\n- React JS with Typescript\n- React Query\n- Styled Components\n- Ant Design\n\n## App Screens\n\n     - Employees list\n     - Filter employees by status\n     - Search employees by name\n\n![Employees list](https://i.ibb.co/yh7M4sn/1.jpg)\n\n![Filter employees by status](https://i.ibb.co/59pL1Cd/2.jpg)\n\n## Create new user modal\n\n![enter image description here](https://i.ibb.co/c6kRCnR/3.jpg)\n\n## UX Improvements\n\n- When the user attempts to enter the employee's name, a validation is performed on the input, allowing only characters from the English alphabet (A-Z) and no special characters. If the user tries to input special characters, a validation message will be displayed below the input field accordingly.\n- When the user searches for an Employee in the Search Input, whatever they type will be updated in the URL, so that even after refreshing the page, the search state they performed will remain.\n\n## Usage\n\n- Open Terminal and run `git clone https://github.com/matan3sh/ox-security-assignment`\n- Go to `cd ox-security-assignment`\n- Open second tab\n- In the second tab go to server folder then install dependencies with `npm i` and **run** `npm run dev` running on `http://localhost:8000`\n- In the first tab go to client folder then install dependencies with `npm i` and **run** `npm run dev` running on `http://localhost:5173`\n- Open Browser --\u003e http://localhost:5173\n\n_Thank you :)_\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatan3sh%2Fox-security-assignment","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmatan3sh%2Fox-security-assignment","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatan3sh%2Fox-security-assignment/lists"}