{"id":14990992,"url":"https://github.com/pktcodes/contentful-cms-react-project-v2","last_synced_at":"2025-07-19T11:03:24.325Z","repository":{"id":200600461,"uuid":"705126208","full_name":"pktcodes/contentful-cms-react-project-v2","owner":"pktcodes","description":"Contentful CMS Project using React","archived":false,"fork":false,"pushed_at":"2023-10-16T23:05:52.000Z","size":668,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-26T19:28:08.759Z","etag":null,"topics":["content-management-system","contentful","css","custom-hooks","dotenv","ecmascript","environment-variables","headless-cms","html","javascript","john-smilga","react","sdk","undraw","vite","webhooks"],"latest_commit_sha":null,"homepage":"https://react-contentful-cms-v2-prod.netlify.app/","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/pktcodes.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-15T05:12:40.000Z","updated_at":"2023-10-16T05:36:14.000Z","dependencies_parsed_at":null,"dependency_job_id":"b1f3cd35-1fb2-406c-8e50-81269600ef6b","html_url":"https://github.com/pktcodes/contentful-cms-react-project-v2","commit_stats":null,"previous_names":["praveen-1995/contentful-cms-react-project-v2","pktcodes/contentful-cms-react-project-v2"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pktcodes%2Fcontentful-cms-react-project-v2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pktcodes%2Fcontentful-cms-react-project-v2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pktcodes%2Fcontentful-cms-react-project-v2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pktcodes%2Fcontentful-cms-react-project-v2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pktcodes","download_url":"https://codeload.github.com/pktcodes/contentful-cms-react-project-v2/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244890928,"owners_count":20527166,"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":["content-management-system","contentful","css","custom-hooks","dotenv","ecmascript","environment-variables","headless-cms","html","javascript","john-smilga","react","sdk","undraw","vite","webhooks"],"created_at":"2024-09-24T14:21:15.930Z","updated_at":"2025-03-22T01:21:00.494Z","avatar_url":"https://github.com/pktcodes.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Contentful CMS 🗃️\n\u003e PROD [Live] : https://react-contentful-cms-v2-prod.netlify.app/\n\n#### Contentful CMS consists of a straightforward user interface where there is a\n- List of sections i.e. **Hero**, **Projects**.\n- **Hero** consists of `Logo`, `Info` about the project. \n   - On `screens \u003c992px`, the Hero will not have *logo*.\n- **Projects** will have a list of cards where each card represents a link to the project with an `Image`, `Title` which upon click navigates the user to a specific project page.\n- **`Loading...`** will be shown while fetching the projects, **`There was an error`** if any error has occurred.\n- Data is handled by the headless CMS **`Contentful`** SDK and styles are handled by **`index.css`**\n- To run the project locally, clone the repo, `npm install` to install the dependencies, and `npm run dev` to start up the development server on default port 5173.\n\n#### Languages \nHTML, CSS, JavaScript, ECMAScript, React ~ Hooks ~ useState, useEffect\n\n#### Packages\n[Contentful](https://www.npmjs.com/package/contentful)\n\n#### Deployment / Hosting\nNetlify\n\n## Notes\n\n#### Nice Images\n\n[Undraw](https://undraw.co/)\n\n#### Headless CMS\n\nA headless CMS is a back-end only content management system that provides content creators with an intuitive interface for creating and managing content while leaving the front-end presentation layer to be handled by a separate system or platform. This approach allows for greater flexibility and scalability, as the content can be easily distributed to multiple channels and devices, without being limited by the constraints of a particular front-end system.\n\n---\n\n_Note: I have developed this project ~ [18] as part of React 18 Tutorial and Projects Course (2023) taught by John Smilga._\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpktcodes%2Fcontentful-cms-react-project-v2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpktcodes%2Fcontentful-cms-react-project-v2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpktcodes%2Fcontentful-cms-react-project-v2/lists"}