{"id":19388120,"url":"https://github.com/zakimohammed/react-isro-app","last_synced_at":"2026-04-09T22:50:35.210Z","repository":{"id":185299182,"uuid":"673284852","full_name":"ZakiMohammed/react-isro-app","owner":"ZakiMohammed","description":"This React App is consuming the public API created by Indian Space Research Organization (ISRO).","archived":false,"fork":false,"pushed_at":"2023-08-20T18:58:33.000Z","size":294,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-07T08:42:12.804Z","etag":null,"topics":["axios","daisyui","isro","isro-api","react","react-icons","react-redux","react-typescript","react-vite","redux-toolkit","tailwindcss","typescript","vite"],"latest_commit_sha":null,"homepage":"https://hello-isro.netlify.app/","language":"TypeScript","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/ZakiMohammed.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":"2023-08-01T09:35:17.000Z","updated_at":"2024-12-01T04:04:53.000Z","dependencies_parsed_at":"2024-11-10T10:11:56.157Z","dependency_job_id":null,"html_url":"https://github.com/ZakiMohammed/react-isro-app","commit_stats":null,"previous_names":["zakimohammed/react-isro-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZakiMohammed%2Freact-isro-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZakiMohammed%2Freact-isro-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZakiMohammed%2Freact-isro-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZakiMohammed%2Freact-isro-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ZakiMohammed","download_url":"https://codeload.github.com/ZakiMohammed/react-isro-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240540549,"owners_count":19817791,"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":["axios","daisyui","isro","isro-api","react","react-icons","react-redux","react-typescript","react-vite","redux-toolkit","tailwindcss","typescript","vite"],"created_at":"2024-11-10T10:11:51.238Z","updated_at":"2026-04-09T22:50:30.179Z","avatar_url":"https://github.com/ZakiMohammed.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 👋 Hello ISRO - ISRO-API + React\n\n![](https://raw.githubusercontent.com/ZakiMohammed/react-isro-app/master/public/banner.png)\n\nThis app is consuming the public API created by Indian Space Research Organization (ISRO).\n\nThrough this app, we extend our heartfelt gratitude to the brilliant minds at ISRO for their invaluable contributions, elevating  India's presence in space research.\n\nAlso, this app will serve a learning for working with React, Redux, TypeScript, Vite, TailwindCSS, DaisyUI.\n___\n\nCheck out the CodeOmelet blog post for this project.\n\nLink: https://codeomelet.com/posts/isro-react-app-initial-setup-part-1\nLink: https://codeomelet.com/posts/isro-react-app-working-on-the-components-part-2\n___\n\n## Run App\n\n```\nnpm run dev\n```\n\n## Initial Setup\n\n```\nnpm create vite@latest\n\n\u003e Give your project a name: react-isro-app\n\u003e Select React + TypeScript option\n\ncd react-isro-app\nnpm i\nnpm run dev\n```\n\n## Add Dependencies\n\nAdd below dependencies to work with TailwindCSS, DaisyUI, Redux, React Icons, React Routed and Axios.\n\n### Adding TailwindCSS\n\nInstall TailwindCSS:\n```\nnpm install -D tailwindcss postcss autoprefixer\nnpx tailwindcss init -p\n```\n\nOpen `tailwind.config.js` and update with below code:\n```\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\nThen add these dependencies to your `index.css` file:\n```\n@tailwind base;\n@tailwind components;\n@tailwind utilities;\n```\n\n### Adding DaisyUI\n\nInstall daisyUI:\n```\nnpm i -D daisyui@latest\n```\n\nThen add daisyUI to your `tailwind.config.js` files:\n```\nmodule.exports = {\n  //...\n  plugins: [require(\"daisyui\")],\n  daisyui: {\n    themes: [\"light\", \"dark\", \"cupcake\"],\n  },\n}\n```\n\n### Adding TailwindCSS Typography\n\nInstall `@tailwindcss/typography`:\n```\nnpm install -D @tailwindcss/typography\n```\n\nThen add daisyUI to your `tailwind.config.js` files:\n```\nmodule.exports = {\n  //...\n  plugins: [require('@tailwindcss/typography'), require(\"daisyui\")],\n  //...\n}\n```\n\n### Adding RTK\n\nInstall Redux Toolkit:\n\n```\nnpm i @reduxjs/toolkit\nnpm i react-redux\n\nnpm i @types/react-redux -D\n```\n\n### Adding Axios\n\nInstall Axios:\n\n```\nnpm i axios\n```\n\n### Adding React Router\n\nInstall React Router:\n\n```\nnpm i react-router-dom\n```\n\n### Adding React Router\n\nInstall React Icons:\n\n```\nnpm i react-icons\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzakimohammed%2Freact-isro-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzakimohammed%2Freact-isro-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzakimohammed%2Freact-isro-app/lists"}