{"id":24862539,"url":"https://github.com/remondo02/simple-react-blog","last_synced_at":"2026-04-02T03:10:58.328Z","repository":{"id":208181289,"uuid":"720917455","full_name":"Remondo02/simple-react-blog","owner":"Remondo02","description":"Project of creating a simple blog using React core features, Bootstrap, and placeholder APIs.","archived":false,"fork":false,"pushed_at":"2024-01-18T01:20:10.000Z","size":3436,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-03T15:55:35.770Z","etag":null,"topics":["bootstrap","placeholderapi","react"],"latest_commit_sha":null,"homepage":"https://remimeullemeestre-simple-react-blog.netlify.app","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/Remondo02.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":"2023-11-20T00:51:15.000Z","updated_at":"2024-03-18T06:54:43.000Z","dependencies_parsed_at":"2025-03-26T17:44:45.845Z","dependency_job_id":"df74f8d3-e317-4fb0-ae1c-c7fd73f42954","html_url":"https://github.com/Remondo02/simple-react-blog","commit_stats":null,"previous_names":["remondo02/simple-react-blog"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Remondo02/simple-react-blog","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Remondo02%2Fsimple-react-blog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Remondo02%2Fsimple-react-blog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Remondo02%2Fsimple-react-blog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Remondo02%2Fsimple-react-blog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Remondo02","download_url":"https://codeload.github.com/Remondo02/simple-react-blog/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Remondo02%2Fsimple-react-blog/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31294908,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-02T01:43:37.129Z","status":"online","status_checked_at":"2026-04-02T02:00:08.535Z","response_time":89,"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":["bootstrap","placeholderapi","react"],"created_at":"2025-01-31T22:57:43.782Z","updated_at":"2026-04-02T03:10:58.317Z","avatar_url":"https://github.com/Remondo02.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Simple React Blog\n\n## Description\n\nThe idea was to create a simple blog using only React core system, with minimum external libraries. Beside React and React Dom, there's React Error Boundary and React Bootstrap Icons.\n\nThe blog features a main page Home that display 10 posts fetched from JSONPlaceholder, and images from Lorem Picsum. Each post has it's own dedicated page, and can be edited and saved. The changes will be automatically updated in the UI. (no local storage or database, therefore any refresh will go bring back to its initial state). There's also a theme toggle button, and a Contact page, just for the demonstration of basic routing system (without React Router Dom).\n\n![Project thumbnail](./public/blog.png)\n\n## Stack\n\n- [React.js](https://react.dev/) - The library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizations.\n- [Vite](https://vitejs.dev/) - A fast and flexible frontend tooling that supports TypeScript, JSX, CSS and more. It offers instant server start, hot module replacement, rich features, optimized build, universal plugins and fully typed APIs.\n- [Bootstrap](https://getbootstrap.com/) - A powerful, extensible, and feature-packed frontend toolkit for building fast and responsive sites. Learn how to customize, include, and use Bootstrap with Sass, CSS variables, CSS classes, and JavaScript plugins.\n\n\n## Project structure\n\n```\n$PROJECT_ROOT\n│   # Static files for assets\n├── public\n│   # Source folder\n└──src\n    │   # React component files\n    ├── components\n    │   # Custom hook files\n    ├── hooks\n    │   # Page files\n    ├── page\n    │   # Reusable functions across the project\n    └── utils\n```\n\n## Potential improvements\n\n- **Pagination** - Adding a pagination for the Home page.\n- **React Router Dom** - In order to get a solid routing system and get post by slug for instance rather than id.\n- **React Query** - To cache the data already fetched.\n- **Back-end** - Creating and fetching the data from a dedicated back-end.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fremondo02%2Fsimple-react-blog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fremondo02%2Fsimple-react-blog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fremondo02%2Fsimple-react-blog/lists"}