{"id":31797185,"url":"https://github.com/ryantusi/reddit_client_api","last_synced_at":"2026-05-08T03:49:00.615Z","repository":{"id":317882732,"uuid":"1056544755","full_name":"ryantusi/Reddit_Client_API","owner":"ryantusi","description":"Reddit client application built with React to browse Reddit posts. The project leverages the Reddit API to fetch and display content from various subreddits. It's built as a single-page application and uses Redux and Redux Toolkit for efficient state management.","archived":false,"fork":false,"pushed_at":"2025-10-03T15:53:09.000Z","size":201,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-03T17:53:17.242Z","etag":null,"topics":["api","react","reddit","reddit-client","redux"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/ryantusi.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-14T10:18:30.000Z","updated_at":"2025-10-03T15:55:18.000Z","dependencies_parsed_at":"2025-10-06T10:01:44.265Z","dependency_job_id":null,"html_url":"https://github.com/ryantusi/Reddit_Client_API","commit_stats":null,"previous_names":["ryantusi/reddit_client_api"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/ryantusi/Reddit_Client_API","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ryantusi%2FReddit_Client_API","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ryantusi%2FReddit_Client_API/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ryantusi%2FReddit_Client_API/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ryantusi%2FReddit_Client_API/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ryantusi","download_url":"https://codeload.github.com/ryantusi/Reddit_Client_API/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ryantusi%2FReddit_Client_API/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279005248,"owners_count":26083866,"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","status":"online","status_checked_at":"2025-10-10T02:00:06.843Z","response_time":62,"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":["api","react","reddit","reddit-client","redux"],"created_at":"2025-10-10T20:59:02.966Z","updated_at":"2025-10-10T20:59:07.285Z","avatar_url":"https://github.com/ryantusi.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🤖 Reddit Client\n\nThis is a **Reddit client application** built with React to browse Reddit posts. The project leverages the **Reddit API** to fetch and display content from various subreddits. It's built as a single-page application and uses **Redux** and **Redux Toolkit** for efficient state management.\n\n-----\n\n## 🚀 Features\n\n  * **Browse posts**: View top posts from different subreddits.\n  * **Search functionality**: Find specific subreddits and posts.\n  * **Interactive UI**: A clean and responsive user interface for a smooth browsing experience.\n  * **State management**: Uses Redux Toolkit to manage application state, including posts, search queries, and loading status.\n\n-----\n\n## 🛠️ Tech Stack\n\n  * **Frontend**: React\n  * **State Management**: Redux, Redux Toolkit\n  * **API**: Reddit API\n\n-----\n\n## 📂 Project Structure\n\n```\nreddit-client/\n│\n├── public/                 # Static assets\n├── src/\n│   ├── api/                # API calls\n│   │   └── reddit.js       # Reddit API requests\n│   ├── components/         # Reusable React components\n│   │   ├── Card/\n│   │   │   ├── Card.css\n│   │   │   └── Card.jsx\n│   │   ├── features/\n│   │   │   ├── Avatar/\n│   │   │   ├── Comment/\n│   │   │   ├── Header/\n│   │   │   ├── Home/\n│   │   │   ├── Post/\n│   │   │   ├── PostLoading/\n│   │   │   └── Subreddits/\n│   ├── store/              # Redux store and slices\n│   │   ├── index.js        # Store configuration\n│   │   ├── redditSlice.js  # Slice for posts and search\n│   │   └── subRedditSlice.js # Slice for subreddits\n│   ├── utils/              # Helper functions\n│   │   ├── getRandomNumber.js\n│   │   └── shortenNumber.js\n│   ├── App.css\n│   ├── App.jsx\n│   ├── index.css\n│   └── index.jsx\n├── .gitignore\n├── package.json\n└── README.md\n```\n\n-----\n\n## ⚙️ Available Scripts\n\nThis project was bootstrapped with **Create React App**. In the project directory, you can run the following scripts:\n\n### `npm start`\n\nRuns the app in the development mode. Open [http://localhost:3000](https://www.google.com/search?q=http://localhost:3000) to view it in your browser. The page will automatically reload if you make edits.\n\n### `npm test`\n\nLaunches the test runner in interactive watch mode.\n\n### `npm run build`\n\nBuilds the app for production to the `build` folder. It correctly bundles React in production mode and optimizes the build for the best performance. The app is then ready to be deployed.\n\n-----\n\n## 📚 Learn More\n\nFor more information on the tools and technologies used, check out these resources:\n\n  * [**Create React App Documentation**](https://create-react-app.dev/docs/getting-started)\n  * [**React Documentation**](https://www.google.com/search?q=https://reactjs.org/docs/getting-started.html)\n  * [**Redux Documentation**](https://redux.js.org/)\n  * [**Redux Toolkit Documentation**](https://redux-toolkit.js.org/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryantusi%2Freddit_client_api","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fryantusi%2Freddit_client_api","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryantusi%2Freddit_client_api/lists"}