{"id":19785886,"url":"https://github.com/dev-ashishranjan/idea-arca","last_synced_at":"2025-04-30T23:31:09.048Z","repository":{"id":192177409,"uuid":"686222288","full_name":"dev-AshishRanjan/Idea-Arca","owner":"dev-AshishRanjan","description":"Idea Arca (Latin: \"Idea Vault\") is a Project Idea Bank. Unleash your         tech creativity. Discover, collaborate, and bring to life innovative         project ideas in various tech fields through this inspirational         repository.","archived":false,"fork":false,"pushed_at":"2024-07-22T19:40:58.000Z","size":488,"stargazers_count":6,"open_issues_count":7,"forks_count":8,"subscribers_count":2,"default_branch":"dev","last_synced_at":"2024-07-30T19:33:22.316Z","etag":null,"topics":["archive","astrojs","beginner","beginner-friendly","good-first-issue","hacktoberfest","hacktoberfest-accepted","hacktoberfest2023","json","low-code","no-code","project-ideas","reactjs","vuejs"],"latest_commit_sha":null,"homepage":"https://idea-arca.vercel.app","language":"Astro","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dev-AshishRanjan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"code_of_conduct.md","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-09-02T04:39:31.000Z","updated_at":"2024-06-21T18:11:35.000Z","dependencies_parsed_at":"2023-10-12T21:20:58.217Z","dependency_job_id":"863874d8-b390-4367-9382-ac69dcfe8233","html_url":"https://github.com/dev-AshishRanjan/Idea-Arca","commit_stats":null,"previous_names":["dev-ashishranjan/idea-arca"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-AshishRanjan%2FIdea-Arca","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-AshishRanjan%2FIdea-Arca/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-AshishRanjan%2FIdea-Arca/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-AshishRanjan%2FIdea-Arca/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dev-AshishRanjan","download_url":"https://codeload.github.com/dev-AshishRanjan/Idea-Arca/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224225062,"owners_count":17276436,"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":["archive","astrojs","beginner","beginner-friendly","good-first-issue","hacktoberfest","hacktoberfest-accepted","hacktoberfest2023","json","low-code","no-code","project-ideas","reactjs","vuejs"],"created_at":"2024-11-12T06:16:01.440Z","updated_at":"2024-11-12T06:16:01.985Z","avatar_url":"https://github.com/dev-AshishRanjan.png","language":"Astro","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Idea-Arca](https://socialify.git.ci/dev-AshishRanjan/Idea-Arca/image?description=1\u0026font=KoHo\u0026forks=1\u0026issues=1\u0026language=1\u0026owner=1\u0026pulls=1\u0026stargazers=1\u0026theme=Auto)\n\n\u003cdiv align=\"center\"\u003e\n \u003cp\u003e\n   \n[![Open Source Love svg1](https://badges.frapsoft.com/os/v1/open-source.svg?v=103)](https://github.com/ellerbrock/open-source-badges/)\n![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat)\n![Visitors](https://api.visitorbadge.io/api/visitors?path=dev-AshishRanjan%2FIdea-Arca%20\u0026countColor=%23263759\u0026style=flat)\n![GitHub forks](https://img.shields.io/github/forks/dev-AshishRanjan/Idea-Arca)\n![GitHub Repo stars](https://img.shields.io/github/stars/dev-AshishRanjan/Idea-Arca)\n![GitHub contributors](https://img.shields.io/github/contributors/dev-AshishRanjan/Idea-Arca)\n![GitHub last commit](https://img.shields.io/github/last-commit/dev-AshishRanjan/Idea-Arca)\n  \n![GitHub repo size](https://img.shields.io/github/repo-size/dev-AshishRanjan/Idea-Arca)\n\n![Github](https://img.shields.io/github/license/dev-AshishRanjan/Idea-Arca)\n![GitHub issues](https://img.shields.io/github/issues/dev-AshishRanjan/Idea-Arca)\n![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/dev-AshishRanjan/Idea-Arca)\n![GitHub pull requests](https://img.shields.io/github/issues-pr/dev-AshishRanjan/Idea-Arca)\n![GitHub closed pull requests](https://img.shields.io/github/issues-pr-closed/dev-AshishRanjan/Idea-Arca)\n\n \u003c/p\u003e\n\u003c/div\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg align=\"center\" src=\"https://readme-typing-svg.herokuapp.com?color=%23${textVal}\u0026lines=+👋🏻+Welcome+to+Idea+Arca+👋🏻;👨🏻‍💻+Lets+Build+Together+👩🏻‍💻;💡+Get+Your+New+project+Idea+💡;🌐+Check+our+Website+🌐;🙏🏻+Thanks+for+Contributing+🙏🏻\"\n \u003cimg src= 'https://capsule-render.vercel.app/api?type=rect\u0026color=gradient\u0026height=2.5'/\u003e\n\u003c/p\u003e\n\n---\n\n# **_Idea Arca_**\n\nIdea Arca (Latin: \"Idea Vault\") is a Project Idea Bank. Unleash your\ntech creativity. Discover, collaborate, and bring to life innovative\nproject ideas in various tech fields through this inspirational\nrepository.\n\n## Tech Stack\n\n\u003cp\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Astro-7c3aed?style=for-the-badge\u0026logo=astro\u0026logoColor=white\" alt=\"Next.js Official Website\"/\u003e\n    \u003cimg src=\"https://img.shields.io/badge/sass-7c3aed?style=for-the-badge\u0026logo=sass\u0026logoColor=white\" alt=\"TailWind CSS Official Website\"/\u003e\n    \u003cimg src=\"https://img.shields.io/badge/html5-7c3aed?style=for-the-badge\u0026logo=html5\u0026logoColor=white\" alt=\"TypeScript official Website\"/\u003e\n    \u003cimg src=\"https://img.shields.io/badge/javascript-7c3aed?style=for-the-badge\u0026logo=javascript\u0026logoColor=white\" alt=\"TypeScript official Website\"/\u003e\n    \u003cimg src=\"https://img.shields.io/badge/json-7c3aed?style=for-the-badge\u0026logo=json\u0026logoColor=white\" alt=\"TypeScript official Website\"/\u003e\n    \u003cimg src=\"https://img.shields.io/badge/markdown-7c3aed?style=for-the-badge\u0026logo=markdown\u0026logoColor=white\" alt=\"TypeScript official Website\"/\u003e\n\u003c/p\u003e\n\n| **Astro**                                                                                  | **scss**                                                                                     | **JSON**                                                                             |\n| ------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ |\n| [_Youtube Vid_](https://www.youtube.com/watch?v=zrPVTf761OI\u0026pp=ygUOYXN0cm8gdHV0b3JpYWw%3D) | [_Youtube Vid_](https://www.youtube.com/watch?v=_a5j7KoflTs\u0026pp=ygUNc2FzcyB0dXRvcmlhbA%3D%3D) | [_Youtube Vid_](https://www.youtube.com/watch?v=iiADhChRriM\u0026pp=ygUManNvbnR1dG9yaWFs) |\n\n\u003c!-- 1.**_Astro_** : A fast front-end js framework\n\n- Video : https://www.youtube.com/watch?v=zrPVTf761OI\u0026pp=ygUOYXN0cm8gdHV0b3JpYWw%3D\n\n2.**_scss_** :\n\n- Video : https://www.youtube.com/watch?v=_a5j7KoflTs\u0026pp=ygUNc2FzcyB0dXRvcmlhbA%3D%3D\n\n3.**JSON** :\n\n- Video : https://www.youtube.com/watch?v=iiADhChRriM\u0026pp=ygUManNvbnR1dG9yaWFs --\u003e\n\nAfter going through these videos you're qualified enough to work on our codebase\n\n## Contributing\n\nHere are some ways you can contribute to this project:\n\n- Add Themes\n- Add Ideas\n- Report/Fix bugs.\n- Write documentation.\n- Others : Implement New Features , Modify UI/UX\n\n### Process of Contribution\n\n1. _Fork_ : Fork this GitHub Repo to your own github account\n2. _Clone_ : Clone the forked repo (the repo present on your account) to your local machine.\n3. _Issue_ : Create an Issue regarding the feature that you will be working on and get the issue assigned to you\n4. _Changes_ : Create a new branch and commit your changes on that branch.\n5. _Push_ : After all changes are commited, push your changes to your remote repo.\n6. _PR_ : After pushing changes, raise a PR from your remote repo to this repo's dev branch. In the PR mention the issue number that you will be closing.\n\n\u003e If you are new to git and github, I will suggest you first go through this :\n\u003e\n\u003e 1. YT video (Recommended) : https://www.youtube.com/watch?v=RGOj5yH7evk\u0026pp=ygUOZ2l0IGFuZCBnaXRodWI%3D\n\u003e 2. Docs : https://hacktoberfest.com/participation/#beginner-resources\n\n\u003e If you are new to open-source, then you can go through : https://www.youtube.com/watch?v=yzeVMecydCE\n\n---\n\n# Contributions\n\nThe Two major types of Contribution are explained below (Add Theme, Add Ideas) :\n\n## ADD Themes\n\nHere we are talking about the theme for the website.\nThe process to add theme is (After Fork And Clone):\u003c/br\u003e\nwe are showing an eg by adding a theme called `test`.\n\n1. Add a new `\u003coption\u003e` in `./src/components/ThemeSelector.astro` :\n\n- Before\n\n```js\n\u003cselect name=\"themes\" id={id} class=\"btn\"\u003e\n  /* other options */\n  \u003coption value=\"neon\"\u003eNeon\u003c/option\u003e\n\u003c/select\u003e\n```\n\n- After\n\n```js\n\u003cselect name=\"themes\" id={id} class=\"btn\"\u003e\n  /* other options */\n  \u003coption value=\"neon\"\u003eNeon\u003c/option\u003e\n  /* Added code 👇 */\n  \u003coption value=\"test\"\u003eTest\u003c/option\u003e\n\u003c/select\u003e\n```\n\n2. Adding a new `class` code in `./src/styles/themes.scss` :\n\nName of the class is the value given to `value` attribute of your `\u003coption\u003e` tag\n\nHere we used :\n\n```js\n\u003coption value=\"test\"\u003eTest\u003c/option\u003e\n```\n\nso our class is `test`.\n\n- Before\n\n```scss\n/* Other Codes*/\n.neon {\n  --primary-1: #793fdf;\n  --primary-2: #7091f5;\n  --primary-3: #97fff4;\n  --primary-4: #ffffff;\n  --sidenav: #793fdfce;\n  --gradient: #e600ff;\n}\n```\n\n- After\n\n```scss\n/* Other Codes*/\n.neon {\n  /*same*/\n}\n\n/* Added code 👇 */\n.test {\n  --primary-1: #000000;\n  --primary-2: #000132;\n  --primary-3: #000245;\n  --primary-4: #ffffff;\n  --sidenav: #0000ce;\n  --gradient: #f690fa;\n}\n```\n\n### NOTE :\n\n1. `--primary-1` : is used as the main background\n2. `--primary-3` : is mostly used my important texts\n3. `--primary-4` : is used by detailed texts\n4. `--sidenav` : is reduced opacity of `--primary-1`, just append `ce` of your `--primary-1`;\n5. `--gradient` : this is a `random color` which suits the website, it's the color of the gradient circle at top of the website\n\n_**You can use https://colorhunt.co/ for the 4 Primary Colors, and choose a nice color for gradient on your own**_\n\n## ADD Ideas\n\nHere we are talking about the ideas displayed on the website.\nThe process to add ideas is (After Fork And Clone):\u003c/br\u003e\n\n### **CASE 1** : Adding Idea in Existing Section/Field\n\nwe are showing an example by adding an idea in `React` section.\n\n1. Add Your Object in the `./src/database/MainData.json` inside the `data` of React section :\n\n- Before\n\n```js\n[\n  {\n    section: 'React',\n    data: [\n      {\n        id: 1,\n        title: 'E-commerce Dashboard',\n        tags: ['React', 'Redux', 'CSS', 'API Integration'],\n        description: 'Lorem Ispum',\n        link: 'https://example-ecommerce-dashboard.com',\n      },\n    ],\n  },\n];\n```\n\n- After\n\n```js\n[\n  {\n    section: 'React',\n    data: [\n      {\n        // prev code\n      },\n      /* Added code 👇 */\n      {\n        id: 2,\n        title: 'Test',\n        tags: ['React', 'Redux', 'scss', 'API'],\n        description: 'Give Meaningful Description, there is no word limit',\n        link: 'Working Link',\n      },\n    ],\n  },\n];\n```\n\n### **CASE 2** : Adding Idea in a New Section/Field\n\nwe are showing an example by adding an idea in a new sectio : `BackboneJs` section.\n\n1. Add Your Section Name in `./src/database/sections.json`, to make your section/field appear in left navigation panel :\n\n- Before\n\n```js\n['React', 'Vue', 'Svelte', 'Frontend', 'Backend'];\n```\n\n- After\n\n```js\n['React', 'Vue', 'Svelte', 'Frontend', 'Backend', 'BackboneJs'];\n```\n\n2. Add Your Object in the `./src/database/MainData.json` inside the `data` of React section :\n\n- Before\n\n```js\n[\n  {\n    section: 'React',\n    data: [\n      {\n        id: 1,\n        title: 'E-commerce Dashboard',\n        tags: ['React', 'Redux', 'CSS', 'API Integration'],\n        description: 'Lorem Ispum',\n        link: 'Working Link',\n      },\n    ],\n  },\n  // Similar Codes for Other Sections\n];\n```\n\n- After\n\n```js\n[\n  // prev Codes\n  {\n    section: 'BackboneJs',\n    data: [\n      {\n        id: 1,\n        title: 'E-commerce Dashboard',\n        tags: ['Backbonejs'],\n        description: 'Give Meaningful Description, there is no word limit',\n        link: 'Working Link',\n      },\n    ],\n  },\n];\n```\n\n### NOTE :\n\n1. `section` : the major Fields\n2. **`link` : It should be a working, non-broken link. It can be a figma, hosted website link. If your idea is based on any other already existing website (can be desings or any feature), then provide that website link.**\n3. \\*All the `id` in each sections must be **unique\\***\n\n\u003c!-- ---\n\n# Get Started with **Astro**\n\n```\nnpm create astro@latest -- --template minimal\n```\n\n[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/minimal)\n[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/minimal)\n[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/minimal/devcontainer.json)\n\n## 🚀 Project Structure\n\nInside of your Astro project, you'll see the following folders and files:\n\n```\n/\n├── public/\n├── src/\n│   └── pages/\n│       └── index.astro\n└── package.json\n```\n\nAstro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.\n\nThere's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.\n\nAny static assets, like images, can be placed in the `public/` directory.\n\n## 🧞 Commands\n\nAll commands are run from the root of the project, from a terminal:\n\n| Command                   | Action                                           |\n| :------------------------ | :----------------------------------------------- |\n| `npm install`             | Installs dependencies                            |\n| `npm run dev`             | Starts local dev server at `localhost:3000`      |\n| `npm run build`           | Build your production site to `./dist/`          |\n| `npm run preview`         | Preview your build locally, before deploying     |\n| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |\n| `npm run astro -- --help` | Get help using the Astro CLI                     |\n\n## 👀 Want to learn more?\n\nFeel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat). --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdev-ashishranjan%2Fidea-arca","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdev-ashishranjan%2Fidea-arca","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdev-ashishranjan%2Fidea-arca/lists"}