{"id":21827278,"url":"https://github.com/nabilaferdousprapty/chronicle-forum","last_synced_at":"2026-05-11T02:15:37.565Z","repository":{"id":244246209,"uuid":"814684310","full_name":"NabilaFerdousPrapty/Chronicle-Forum","owner":"NabilaFerdousPrapty","description":"Front end of a blog site","archived":false,"fork":false,"pushed_at":"2024-06-13T13:58:12.000Z","size":212,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-26T08:27:03.560Z","etag":null,"topics":["css3","html5","javascript","json"],"latest_commit_sha":null,"homepage":"https://retro-forum-using-api.netlify.app/","language":"HTML","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/NabilaFerdousPrapty.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-06-13T13:45:18.000Z","updated_at":"2024-08-12T21:34:56.000Z","dependencies_parsed_at":"2024-06-13T16:43:55.637Z","dependency_job_id":null,"html_url":"https://github.com/NabilaFerdousPrapty/Chronicle-Forum","commit_stats":null,"previous_names":["nabilaferdousprapty/chronicle-forum"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NabilaFerdousPrapty%2FChronicle-Forum","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NabilaFerdousPrapty%2FChronicle-Forum/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NabilaFerdousPrapty%2FChronicle-Forum/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NabilaFerdousPrapty%2FChronicle-Forum/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NabilaFerdousPrapty","download_url":"https://codeload.github.com/NabilaFerdousPrapty/Chronicle-Forum/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244795518,"owners_count":20511521,"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":["css3","html5","javascript","json"],"created_at":"2024-11-27T18:12:45.226Z","updated_at":"2026-05-11T02:15:32.521Z","avatar_url":"https://github.com/NabilaFerdousPrapty.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Retro Forum\n\nRetro Forum is a web application that displays posts from a forum. The application allows users to load, view, and interact with posts. \n# live link\nnetlify live link:https://retro-forum-using-api.netlify.app/\n\n## Features\n\n### Load All Posts\n- The application fetches all posts from the API endpoint `https://openapi.programming-hero.com/api/retro-forum/posts` and displays them on the homepage.\n- Each post card includes:\n  - An active status indicator\n  - Post image\n  - Category and author information\n  - Post title and description\n  - Comment count, view count, and posted time\n  - A \"Mark as Read\" button\n\n### Search Posts by Category\n- Users can search for posts by category using a search box.\n- The application fetches posts matching the category from the API endpoint `https://openapi.programming-hero.com/api/retro-forum/posts?category={categoryID}` and displays them.\n\n### Load Latest Posts\n- The application fetches the latest posts from the API endpoint `https://openapi.programming-hero.com/api/retro-forum/latest-posts`.\n- Each latest post card includes:\n  - Cover image\n  - Post title and truncated description\n  - Author information including profile image and designation\n  - A \"See more\" button to toggle the full description\n\n### Mark Posts as Read\n- Users can mark posts as read by clicking the \"Mark as Read\" button.\n- The title and view count of the marked posts are displayed in the \"Read Posts\" section.\n- The count of read posts is updated dynamically.\n\n### Loading Spinner\n- A loading spinner is shown while the data is being fetched from the API.\n\n## Usage\n\n### Loading All Posts\nThe function `loadAllPosts` fetches all posts from the API and calls `displayAllPosts` to render them.\n\n### Displaying All Posts\nThe function `displayAllPosts` creates HTML elements for each post and appends them to the container `all-posts-container`.\n\n### Searching Posts by Category\nThe function `getPostByCategories` gets the search text and calls `displayPostByCategories` to fetch and display posts by category.\n\n### Displaying Latest Posts\nThe function `loadLatestPosts` fetches the latest posts from the API and calls `displayLatestPosts` to render them.\n\n### Marking Posts as Read\nThe function `markAsRead` increments the read posts count and updates the \"Read Posts\" section with the title and view count of the marked post.\n\n### Toggling Description\nThe function `toggleDescription` toggles the display of the full description for the latest posts.\n\n### Handling Loading Spinner\nThe function `toggleLoadingSpinner` shows or hides the loading spinner based on the `isLoading` state.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnabilaferdousprapty%2Fchronicle-forum","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnabilaferdousprapty%2Fchronicle-forum","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnabilaferdousprapty%2Fchronicle-forum/lists"}