{"id":20399583,"url":"https://github.com/namonaki0/tr-plp-implementation","last_synced_at":"2026-04-09T18:04:58.609Z","repository":{"id":200594881,"uuid":"703768819","full_name":"Namonaki0/TR-PLP-Implementation","owner":"Namonaki0","description":null,"archived":false,"fork":false,"pushed_at":"2023-10-16T22:19:08.000Z","size":636,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-26T19:10:02.671Z","etag":null,"topics":["css","javascript","php","sql"],"latest_commit_sha":null,"homepage":"http://tr-db-implementation.infinityfreeapp.com/","language":"CSS","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/Namonaki0.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}},"created_at":"2023-10-11T22:03:06.000Z","updated_at":"2023-10-15T22:04:53.000Z","dependencies_parsed_at":null,"dependency_job_id":"f336b379-68f2-4908-9e57-a4ff78e126c1","html_url":"https://github.com/Namonaki0/TR-PLP-Implementation","commit_stats":null,"previous_names":["namonaki0/tr-plp-implementation"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Namonaki0%2FTR-PLP-Implementation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Namonaki0%2FTR-PLP-Implementation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Namonaki0%2FTR-PLP-Implementation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Namonaki0%2FTR-PLP-Implementation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Namonaki0","download_url":"https://codeload.github.com/Namonaki0/TR-PLP-Implementation/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241946663,"owners_count":20047051,"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":["css","javascript","php","sql"],"created_at":"2024-11-15T04:30:15.859Z","updated_at":"2025-12-31T01:03:18.309Z","avatar_url":"https://github.com/Namonaki0.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003e For the sake of maintainability, readability, scalability and reusability, separation of concerns was maintained throughout the development.\n\nroot/\n\n├── index.php\n\n├── assets/\n\n│ └── img/\n\n├── components/\n\n│ ├── productTemplate.php\n\n│ └── sortBy.php\n\n├── css/\n\n│ └── styles.css\n\n├── data/\n\n│ ├── database.php\n\n│ └── product.json\n\n├── filters/\n\n│ └── productSortByFilter.js\n\n└── README.md\n\n\n\u003e index.php\n\n    - entry point for styles, data and overall structure by including necessary files (SoC).\n\n\u003e assets/img\n\n    - provided images are kept in assets folder for better maintenance.\n\n\u003e components/\n\n    - productTemplate.php - creates the structure for each product element. htmlspecialchars used to prevent HTML injection thus tightening security and preventing XSS.\n    - sortBy.php - carries the UI for the sortBy element.\n\n\u003e css/styles.css\n\n    - variables added for better maintenance.\n    - relative units used to aid responsiveness.\n\n\u003e data/\n\n    - database.php - connection to database table 'product' is stablished here.\n    - product.json - json data kept for reference.\n\n\u003e filters/productFilter.js\n\n    - sortByPrice - product with the lowest price is displayed in ascending order.\n    - sortByReview - product with the highest score will be displayed first.\n    - sortByName - product sorted in alphabetical order.\n    - sortBySaving - product with the highest discount will be displayed first.\n    - mobile 'sort by' side panel logic included in file.\n\n---\n\n### Finished Screenshots\n\n\u003e mobile layout\n\n![mobile layout](./assets/screenshots/mobile-layout.PNG) ![mobile sort by layout](./assets/screenshots/mobile-layout-sort-by.PNG)\n\n\u003e desktop layout\n\n![desktop layout](./assets/screenshots/desktop-layout.PNG)\n\n\u003e Lighthouse audit\n\n![Lighthouse audit](./assets/screenshots/audit.PNG)\n\n---\n\n**Responsiveness:** side panel added in mobile view to create a more interactive user experience.\n**Accessibility, SEO and Best Pratices:** aria-labels, alt attributes and other best practices were followed to aid these aspects.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnamonaki0%2Ftr-plp-implementation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnamonaki0%2Ftr-plp-implementation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnamonaki0%2Ftr-plp-implementation/lists"}