{"id":23307281,"url":"https://github.com/simonapiz/projectredditclient","last_synced_at":"2026-04-16T12:39:53.415Z","repository":{"id":38028271,"uuid":"493279803","full_name":"SimonaPiz/ProjectRedditClient","owner":"SimonaPiz","description":"Application that allow users to view and search posts and comments provided by the Reddit API","archived":false,"fork":false,"pushed_at":"2023-10-26T06:56:59.000Z","size":1064,"stargazers_count":0,"open_issues_count":5,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-13T06:23:37.656Z","etag":null,"topics":["api-rest","codecademy-solutions","front-end-development","html-css","http-requests","javascript","react-router","reactjs","reddit-api","redux"],"latest_commit_sha":null,"homepage":"https://reddit-client_simonapiz.surge.sh/","language":"JavaScript","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/SimonaPiz.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":"2022-05-17T14:11:29.000Z","updated_at":"2023-06-22T10:42:23.000Z","dependencies_parsed_at":"2022-08-30T18:51:43.636Z","dependency_job_id":"fcf85595-6064-4ab8-860c-734f18b4f1c5","html_url":"https://github.com/SimonaPiz/ProjectRedditClient","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimonaPiz%2FProjectRedditClient","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimonaPiz%2FProjectRedditClient/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimonaPiz%2FProjectRedditClient/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SimonaPiz%2FProjectRedditClient/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SimonaPiz","download_url":"https://codeload.github.com/SimonaPiz/ProjectRedditClient/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247574095,"owners_count":20960495,"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":["api-rest","codecademy-solutions","front-end-development","html-css","http-requests","javascript","react-router","reactjs","reddit-api","redux"],"created_at":"2024-12-20T12:29:42.163Z","updated_at":"2026-04-16T12:39:53.370Z","avatar_url":"https://github.com/SimonaPiz.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# App Reddit Client\n\u003e The application allow users to view and search posts and comments provided by the Reddit API.\n\n![MultiDevice](https://github.com/SimonaPiz/ProjectRedditClient/assets/91121660/056e006d-f66b-4915-a5e9-25144c8cceb9)\n\n\nLive demo [https://reddit-client_simonapiz.surge.sh/](https://reddit-client_simonapiz.surge.sh/). \u003c!-- If you have the project hosted somewhere, include the link here. --\u003e\n\n## Screenshots\n#### Preview Homepage\n\u003cimg src=\"https://github.com/SimonaPiz/ProjectRedditClient/assets/91121660/864233ec-ad75-4679-8658-895c0ec1b7b2\" width=\"800px\" alt=\"home preview\" title=\"home preview\"/\u003e\n\n#### Preview Subreddit' page\n\u003cimg src=\"https://github.com/SimonaPiz/ProjectRedditClient/assets/91121660/d8edbd20-8146-4d34-ac30-96cc8479b63e\" width=\"800px\" alt=\"subreddit preview\" title=\"subreddit preview\"/\u003e\n\n## Table of Contents\n* [General Info](#general-information)\n* [Technologies Used](#technologies-used)\n* [Features](#features)\n* [Screenshots](#screenshots)\n* [Wireframes](#wireframes)\n* [Setup](#setup)\n* [Acknowledgements](#acknowledgements)\n\n## General Information\nReddit is a website where people share links to articles, media and other things on the web. I use [Reddit's API](https://github.com/reddit-archive/reddit/wiki/JSON) to provide data to integrate into the application. The application will allow users to view and search posts and comments provided by the API.\n\n\n## Technologies Used\n- react: 18\n- react-redux: 8\n- redux: 4\n- node: 18\n\n\n## Features\n\n- [x] Users can use the application on any device (desktop to mobile)\n- [x] Users can use the application on any modern browser\n- [x] Users can access your application at a URL\n- [x] Users see an initial view of the data when first visiting the app\n- [x] Users can search the data using terms\n- [x] Users can filter the data based on categories that are predefined\n- [x] Users are shown a detailed view (modal or new page/route) when they select an item\n- [x] Users are delighted with a cohesive design system\n- [ ] Users are delighted with animations and transitions\n- [ ] Users are able to leave an error state\n- [ ] Get 90+ scores on Lighthouse\n  - We understand you cannot control how media assets like videos and images are sent to the client. It is okay to have a score below 90 for Performance if they are related to the media from Reddit.\n- [ ] OPTIONAL: Get a custom domain name and use it for your application\n- [ ] OPTIONAL: Set up a CI/CD workflow to automatically deploy your application when the master branch in the repository changes\n- [ ] OPTIONAL: Make your application a progressive web app\n\n## Wireframes\n\u003e Draft\n\n![pencil draft](https://github.com/SimonaPiz/ProjectRedditClient/assets/91121660/341c2d20-7da0-4f27-bd0b-466e20296ec5)\n\n\u003e Desktop Homepage - low fidelity - with [figma](https://www.figma.com/)\n\n\u003cimg src=\"https://github.com/SimonaPiz/ProjectRedditClient/assets/91121660/2e4405ef-8f7e-48e2-ba67-7909372b36c9\" width=\"600px\" alt=\"Desktop Homepage - Wireframe - low fidelity\" title=\"Desktop Homepage - Wireframe - low fidelity\"/\u003e\n\n\u003e Desktop Post detail page - low fidelity - with [figma](https://www.figma.com/)\n\n\u003cimg src=\"https://github.com/SimonaPiz/ProjectRedditClient/assets/91121660/2a34b220-a36e-4824-938d-e01ec8112935\" width=\"600px\" alt=\"Desktop Post detail page - Wireframe - low fidelity\" title=\"Desktop Post detail page - Wireframe - low fidelity\"/\u003e\n\n\u003e React Component Hierarchy - Homepage\n\n\u003cimg src=\"https://github.com/SimonaPiz/ProjectRedditClient/assets/91121660/25a99513-bf0c-447e-93d6-bf7a6a4c33b6\" width=\"600px\" alt=\"Homepage-gerarchia-componenti-react\" title=\"Homepage-gerarchia-componenti-react\"/\u003e\n\n## Setup\nTo run this project, install it locally using npm:\n```\n$ cd ../[directory]\n$ npm install\n$ npm start\n```\n\n## Acknowledgements\nThis project comes from the [Codecademy's Front-End Engineer](https://join.codecademy.com/learn/paths/front-end-engineer-career-path-b/) course.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimonapiz%2Fprojectredditclient","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimonapiz%2Fprojectredditclient","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimonapiz%2Fprojectredditclient/lists"}