{"id":19598535,"url":"https://github.com/kaplanh/modulecss","last_synced_at":"2025-10-08T11:08:19.611Z","repository":{"id":221075454,"uuid":"753371397","full_name":"kaplanh/modulecss","owner":"kaplanh","description":null,"archived":false,"fork":false,"pushed_at":"2024-02-07T02:35:40.000Z","size":385,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-09-02T17:04:13.983Z","etag":null,"topics":["functional-components","inline-css","jsx-syntax","module-css","props","react"],"latest_commit_sha":null,"homepage":"https://modulecss.vercel.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/kaplanh.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-02-06T01:29:19.000Z","updated_at":"2024-02-07T01:03:53.000Z","dependencies_parsed_at":null,"dependency_job_id":"195c4793-d4ac-46f8-a3a4-554d4baeb05d","html_url":"https://github.com/kaplanh/modulecss","commit_stats":null,"previous_names":["kaplanh/modulecss"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/kaplanh/modulecss","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaplanh%2Fmodulecss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaplanh%2Fmodulecss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaplanh%2Fmodulecss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaplanh%2Fmodulecss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kaplanh","download_url":"https://codeload.github.com/kaplanh/modulecss/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kaplanh%2Fmodulecss/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278931654,"owners_count":26070789,"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-08T02:00:06.501Z","response_time":56,"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":["functional-components","inline-css","jsx-syntax","module-css","props","react"],"created_at":"2024-11-11T09:06:35.860Z","updated_at":"2025-10-08T11:08:19.589Z","avatar_url":"https://github.com/kaplanh.png","language":"JavaScript","readme":"# Module Css in React\n\n[:point_right: Click here to see on browser](https://modulecss.vercel.app/ )\n\n![modulecss](https://github.com/kaplanh/modulecss/assets/101884444/73a7b513-13ae-49b2-9841-9a60252704e1)\n\n\n **What's used in this app ?** |  **Author** |\n|----------|------------|\n|React - component |[Take a look at my portfolio](https://kaplanh.github.io/Portfolio_with_CssFlex/)|\n|React - props|[Visit me on Linkedin](https://www.linkedin.com/in/kaplan-h/)|\n|React - module.css||   \n|Deploy with Vercel | |   \n  \n\n\u003cbr/\u003e\n\n## How To Run This Project 🚀\n\n\u003cbr/\u003e\n\n### 💻 Install React 👇\n\n```bash\nyarn create react-app .  or npx create-react-app .\n```\n\n## 🔴 Delete these files and delete the imports👇\n\n    - App.test.js\n    - reportWebVitals.js\n    - setupTests.js\n    - favicon.ico\n    - logo192.png\n    - logo512.png\n    - manifest.json\n    - robots.txt\n\n### 💻 Start the project 👇\n\n```bash\nyarn start or npm start\n```\nOR\n- \u003cstrong\u003eClone the Repo\u003c/strong\u003e\n\n  ```sh\n  git clone\n  ```\n  \n\n- \u003cstrong\u003eInstall NPM packages\u003c/strong\u003e\n\n  ```sh\n  npm install or yarn \n  ```\n\n- \u003cstrong\u003eRun the project\u003c/strong\u003e\n\n  ```sh\n  npm start or yarn start\n  ```\n\n- \u003cstrong\u003eOpen the project on your browser\u003c/strong\u003e\n\n  ```sh\n  http://localhost:3000/\n  ```\n\n- ### \u003cstrong\u003eEnjoy! 🎉\u003c/strong\u003e\n\n\n## Project Skeleton \n\n```\nModule Css in React(folder)\n|\n|----public (folder)\n│     └── index.html\n|----src (folder)\n|    |--components (folder)\n│    │       ├── buton (folder)\n│    │       │     ├── Button.js\n│    │       │     ├── Buton.module.css\n│    │       │     \n│    │       ├── card (folder)\n│    │             ├── Card.jsx\n│    │             └── Card.module.css\n│    │       \n│    ├\n│    ├── App.js\n│    │── data.js\n│    └── index.js\n│\n│\n|── .gitignore\n|── package-lock.json\n├── package.json\n|── README.md\n|── yarn.lock\n\n```\n\n### At the end of the project, the following topics are to be covered;\n\n- Component\n- JSX \u0026 JS\n- Inline Styling\n- Props drilling\n- Module.css\n\n \n\n## Feedback and Collaboration\nI value your feedback and suggestions. If you have any comments, questions, or ideas for improvement regarding this project or any of my other projects, please don't hesitate to reach out.\nI'm always open to collaboration and welcome the opportunity to work on exciting projects together.\nThank you for visiting my project. I hope you have a wonderful experience exploring it, and I look forward to connecting with you soon!\n\n\n\n\u003cp align=\"center\"\u003e ⌛\u003cstrong\u003e Happy Coding \u003c/strong\u003e ✍ \u003c/p\u003e\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkaplanh%2Fmodulecss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkaplanh%2Fmodulecss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkaplanh%2Fmodulecss/lists"}