{"id":20383499,"url":"https://github.com/smerth/react-styles-with-css-modules","last_synced_at":"2025-12-31T01:02:48.859Z","repository":{"id":30121723,"uuid":"123981697","full_name":"smerth/react-styles-with-css-modules","owner":"smerth","description":"Project code for a tutorial on using React CSS Modules","archived":false,"fork":false,"pushed_at":"2022-12-10T20:46:41.000Z","size":6259,"stargazers_count":0,"open_issues_count":15,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-15T07:58:44.016Z","etag":null,"topics":["css","css-modules","react","tutorial"],"latest_commit_sha":null,"homepage":"","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/smerth.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}},"created_at":"2018-03-05T21:33:44.000Z","updated_at":"2022-06-16T22:56:50.000Z","dependencies_parsed_at":"2023-01-14T16:30:28.845Z","dependency_job_id":null,"html_url":"https://github.com/smerth/react-styles-with-css-modules","commit_stats":null,"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smerth%2Freact-styles-with-css-modules","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smerth%2Freact-styles-with-css-modules/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smerth%2Freact-styles-with-css-modules/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smerth%2Freact-styles-with-css-modules/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/smerth","download_url":"https://codeload.github.com/smerth/react-styles-with-css-modules/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241935267,"owners_count":20044826,"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":["css","css-modules","react","tutorial"],"created_at":"2024-11-15T02:23:08.672Z","updated_at":"2025-12-31T01:02:48.821Z","avatar_url":"https://github.com/smerth.png","language":"JavaScript","readme":"# React Building Styles with CSS Modules\n\nTutorial project from [Lynda.com course](https://www.lynda.com/React-js-tutorials/React-Building-Styles-CSS-Modules/599632-2.html?)\n\nA React webpage of NASA facts with audio, video and clickable icons styled with CSS Modules.\n\n![App Screenshot](https://raw.githubusercontent.com/smerth/react-styles-with-css-modules/master/screenshot.png)\n\n## Releases\n\n- Release - 1.0.0 Initial setup\n- Release - 1.1.0 Add components to the app\n- Release - 1.2.0 CSS Syntax with the component\n- Release - 1.3.0 Use Composes to leverage other styles\n- Release - 1.4.0 Set up state and grid component\n- Release - 1.5.0 Complete GridItem\n- Release - 1.6.0 Basic Animation with CSS keyframes\n- Release - 1.7.0 SVG Loading with State\n- Release - 1.8.0 Add final elements\n- Release - 1.9.0 Media queries and combine styles\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmerth%2Freact-styles-with-css-modules","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsmerth%2Freact-styles-with-css-modules","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmerth%2Freact-styles-with-css-modules/lists"}