{"id":19631859,"url":"https://github.com/pranto113015/myreact","last_synced_at":"2026-05-05T04:38:23.120Z","repository":{"id":255484099,"uuid":"850195436","full_name":"pranto113015/myreact","owner":"pranto113015","description":"Learn React v18.3.1 with Gp Academy \u0026 CodersTrust | MERN Practise | 2024","archived":false,"fork":false,"pushed_at":"2024-09-15T05:22:48.000Z","size":222,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-26T21:14:23.316Z","etag":null,"topics":["daisy-ui","react","reactbootstrap","tailwindcss","vite"],"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/pranto113015.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":"2024-08-31T05:38:04.000Z","updated_at":"2024-09-15T05:25:55.000Z","dependencies_parsed_at":"2024-09-05T18:15:15.793Z","dependency_job_id":"d5992db8-660c-4c4c-9c1e-7040ec266be3","html_url":"https://github.com/pranto113015/myreact","commit_stats":null,"previous_names":["pranto113015/myreact"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/pranto113015/myreact","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pranto113015%2Fmyreact","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pranto113015%2Fmyreact/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pranto113015%2Fmyreact/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pranto113015%2Fmyreact/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pranto113015","download_url":"https://codeload.github.com/pranto113015/myreact/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pranto113015%2Fmyreact/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32636091,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-04T10:08:07.713Z","status":"online","status_checked_at":"2026-05-05T02:00:06.033Z","response_time":54,"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":["daisy-ui","react","reactbootstrap","tailwindcss","vite"],"created_at":"2024-11-11T12:11:48.184Z","updated_at":"2026-05-05T04:38:23.096Z","avatar_url":"https://github.com/pranto113015.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## First time react project environment setup with vite \n\n\n### Prerequisite to install react : npm which is included with \"Node.js\"\n\n\n#### First create the folder and open by vs code editor.Then open the vs code terminal and follow the command :\n\n\n**Step-1 :** \n```sh \nnpm create vite@latest\n```\n\n\n**Step-2 :** Then choose the project name like \"myreact\"\n\n\n**Step-3 :** Then select a framwork like \"React\"\n\n\n**Step-4 :** Then select a variant  like \"JavaScript\"\n\n\n**Step-5 :** Now again open the terminal and write the code first enty the project folder so write code :\n\n```sh   \ncd myproject\n```\n\n\n**Step-6 :** Now this is right folder location and again write the code :\n```sh        \nnpm install\n```\n\n\n**Step-7 :** Some time waiting to some file and folder node_moduls come this folder.\n \n\n**Step-8 :**  Then open the terminal and write the code for Run the project\n```sh\nnpm run dev\n```\n\n\n**Step-9 :**  Then will provide the local port address link copy the link and past the browser to see the project. `Done`\n\n\n---\n\n\n## Using react project Install Tailwind CSS with Vite setup process\n\n#### First create the react project file like `up instruction` then follow the bellow step :\n\n**Step-1 :**  Write the command in vs code terminal\n```sh\nnpm install -D tailwindcss postcss autoprefixer\n```\n\n**Step-2 :**  Write the command in vs code terminal\n```sh\nnpx tailwindcss init -p\n```\n\n**Step-3 :** Open the `tailwind.config.js` file and paste the below code\n\n```js\n/** @type {import('tailwindcss').Config} */\nexport default {\n  content: [\n    \"./index.html\",\n    \"./src/**/*.{js,ts,jsx,tsx}\",\n  ],\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n}\n```\n\n**Step-4 :** Go to the `src` folder open the `index.css` and paste the below code\n\n```css\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n```\nNow it is well. `Done`\n\n\n---\n\n\n## Using component library for Tailwind CSS (daisyUI) in react vite project setup guide\n\n#### First follow the `up instruction` then follow the bellow step :\n\n**Step-1 :**  Write the command in vs code terminal\n```sh\nnpm i -D daisyui@latest\n```\n\n**Step-2 :** Now add daisyUI to `tailwind.config.js` :\n```sh\nmodule.exports = {\n  //...\n  plugins: [\n    require('daisyui'),\n  ],\n}\n```\nNow it is fair. `Done`","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpranto113015%2Fmyreact","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpranto113015%2Fmyreact","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpranto113015%2Fmyreact/lists"}