{"id":19258247,"url":"https://github.com/pasan-pahasara/react-learning","last_synced_at":"2026-04-10T13:31:51.580Z","repository":{"id":132934786,"uuid":"609812751","full_name":"Pasan-Pahasara/React-Learning","owner":"Pasan-Pahasara","description":"This Project is introduced to learning React, TypeScript and Tailwind CSS.","archived":false,"fork":false,"pushed_at":"2023-09-21T09:07:00.000Z","size":969,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-09-21T07:26:28.301Z","etag":null,"topics":["react","tailwind-css","typrescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Pasan-Pahasara.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"License","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-03-05T10:15:28.000Z","updated_at":"2023-10-09T16:57:23.000Z","dependencies_parsed_at":null,"dependency_job_id":"a39b079e-1fe5-440c-8485-16f4446459c1","html_url":"https://github.com/Pasan-Pahasara/React-Learning","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Pasan-Pahasara/React-Learning","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pasan-Pahasara%2FReact-Learning","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pasan-Pahasara%2FReact-Learning/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pasan-Pahasara%2FReact-Learning/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pasan-Pahasara%2FReact-Learning/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Pasan-Pahasara","download_url":"https://codeload.github.com/Pasan-Pahasara/React-Learning/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pasan-Pahasara%2FReact-Learning/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31645273,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T07:40:12.752Z","status":"ssl_error","status_checked_at":"2026-04-10T07:40:11.664Z","response_time":98,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["react","tailwind-css","typrescript"],"created_at":"2024-11-09T19:12:46.131Z","updated_at":"2026-04-10T13:31:51.546Z","avatar_url":"https://github.com/Pasan-Pahasara.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"##\n\n# Getting Started with Create React App\n\nThis Project is introduced to FrontEnd Using React, TypeScript and Tailwind CSS\n\n###  `FrontEnd`\n* React\n* TypeScript\n* Tailwind CSS\n\n##\n\n## **Create new index.ts**\n\n- **`Intall type script`**\n\n```\nnpm install -g typescript\n```\n\n- **`Fix the error`**\n\n```\nSet-ExecutionPolicy RemoteSigned -Scope CurrentUser\n```\n\n- **`Run typeScript file`**\n\n```\ntsc index.ts\n```\n\n- **`Run javaScript file`**\n\n```\nnode index.js\n```\n\n- **`Init project file`**\n\n```\ntsc --init\n```\n\n- **`Refactor project and run`**\n\n```\ntsc\n```\n\n## React Application\n\n- **`Install React`**\n\n```\nnpx create-react-app test-app --template typescript\n```\n\n- **`Install Tailwind css and other libarary`**\n\n```\nnpm install -D tailwindcss postcss autoprefixer\n```\n\n- **`Create Config File tailwindcss`**\n\n```\nnpx tailwindcss init -p\n```\n\n- **`Config Tailwind CSS In VScode`**\n\n```\nGo to setting and search **Files assocition** set it `Item`:`*.css` `Value`:`tailwindcss`\n```\n\n- **`Install React Router DOM`**\n\n```\nnpm i react-router-dom\n```\n\n- **`Install Material Icons`**\n\n```\nnpm install @mui/icons-material @mui/material @emotion/styled @emotion/react\n```\n\n- **`Install Material UI`**\n\n```\nnpm install @mui/material @emotion/react @emotion/styled\n```\n##\n\n#\n- **`Not Detected Node Modules`**\n```\nnpm install\n```\n\n- **`Run Project`**\n```\nnpm start\n```\n\n#  \n#### Clone this repository ✅\n```md\nhttps://github.com/Pasan-Pahasara/React-Learning.git\n```\n###                                              \n###### If you think my code is good pleace drop a Star \u003cimg src=\"https://github.com/Pasan-Pahasara/md-alpha/blob/main/star.webp\" width=\"40px\"\u003e\n\n![GitHub issues](https://img.shields.io/github/issues/Pasan-Pahasara/React-Learning?\u0026labelColor=black\u0026color=eb3b5a\u0026label=Issues\u0026logo=issues\u0026logoColor=black\u0026style=for-the-badge)\n![GitHub Contributions](https://img.shields.io/github/contributors/Pasan-Pahasara/React-Learning?\u0026labelColor=black\u0026color=8854d0\u0026style=for-the-badge)\n\n### License 📝\n[![GitHub license](https://img.shields.io/github/license/Pasan-Pahasara/React-Learning?\u0026labelColor=black\u0026color=3867d6\u0026style=for-the-badge)](https://github.com/Pasan-Pahasara/REST-API/blob/main/License)\n\n\u003cdiv align=\"center\"\u003e\n\n![repo size](https://img.shields.io/github/repo-size/Pasan-Pahasara/React-Learning?label=Repo%20Size\u0026style=for-the-badge\u0026labelColor=black\u0026color=20bf6b)\n \n![GitHub forks](https://img.shields.io/github/forks/Pasan-Pahasara/React-Learning?\u0026labelColor=black\u0026color=0fb9b1\u0026style=for-the-badge)\n![GitHub stars](https://img.shields.io/github/stars/Pasan-Pahasara/React-Learning?\u0026labelColor=black\u0026color=f7b731\u0026style=for-the-badge)\n![GitHub LastCommit](https://img.shields.io/github/last-commit/Pasan-Pahasara/React-Learning?logo=github\u0026labelColor=black\u0026color=d1d8e0\u0026style=for-the-badge)\n\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e \nIf you have any questions or just wanna say hi, \u003cbr\u003e\u003cb\u003eMAIL ME\u003c/b\u003e\u0026nbsp;\n  \u003ca href=\"mailto:pasanpahasara7788@gmail.com\"\u003e\n      \u003cimg width=\"20px\" src=\"https://github.com/Pasan-Pahasara/md-alpha/blob/main/gmail.svg\" /\u003e\n  \u003c/a\u003e\u003c/p\u003e\n \n \u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e \n \n#### Developed by [Pasan Pahasara](https://github.com/Pasan-Pahasara/) \n\u003c/div\u003e\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpasan-pahasara%2Freact-learning","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpasan-pahasara%2Freact-learning","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpasan-pahasara%2Freact-learning/lists"}