{"id":21155393,"url":"https://github.com/nuhptr/brainwave","last_synced_at":"2026-04-27T17:04:39.168Z","repository":{"id":236209200,"uuid":"792142078","full_name":"nuhptr/brainwave","owner":"nuhptr","description":"✅🚀 Landing page modern website using react and tailwindcss for strength slicing","archived":false,"fork":false,"pushed_at":"2024-10-27T15:32:33.000Z","size":11381,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-14T15:15:52.609Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://brainwave-ten-nu.vercel.app/","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/nuhptr.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-04-26T04:09:10.000Z","updated_at":"2024-10-27T16:14:05.000Z","dependencies_parsed_at":"2024-04-26T05:24:12.356Z","dependency_job_id":"03621eea-b78e-424f-92cd-72230e238dd5","html_url":"https://github.com/nuhptr/brainwave","commit_stats":null,"previous_names":["nuhptr/brainwave"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/nuhptr/brainwave","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuhptr%2Fbrainwave","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuhptr%2Fbrainwave/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuhptr%2Fbrainwave/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuhptr%2Fbrainwave/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nuhptr","download_url":"https://codeload.github.com/nuhptr/brainwave/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nuhptr%2Fbrainwave/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32345869,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-26T23:26:28.701Z","status":"online","status_checked_at":"2026-04-27T02:00:06.769Z","response_time":128,"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":[],"created_at":"2024-11-20T11:18:13.682Z","updated_at":"2026-04-27T17:04:39.153Z","avatar_url":"https://github.com/nuhptr.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Brainwave Landing Page\n\n\u003cimg width=\"1440\" alt=\"brainwave\" src=\"https://github.com/nuhptr/brainwave/assets/50306963/317ece44-0a9a-418c-aad0-f4bbd1f19816\"\u003e\n\nBuilding a landing page for Brainwave using Vite and React. Also, using Tailwind CSS for styling.\n\n## General Dependencies\n\n-  [React Router Dom](https://reactrouter.com/web/guides/quick-start) - bun add react-router-dom\n-  [React Just Parallax](https://www.npmjs.com/package/react-just-parallax) - bun add react-just-parallax\n-  [Scroll Lock](https://www.npmjs.com/package/scroll-lock) - bun add scroll-lock\n\n## Tailwind CSS Setup With Plugin\n\n1. Install Tailwind CSS and its dependencies:\n\n```bash\nbun add -D tailwindcss@latest postcss@latest autoprefixer@latest\nnpx tailwindcss init -p\n```\n\n2. Add the following to the `tailwind.config.js` file:\n\nThis is a new method to add custom class with tailwindcss plugin and using @apply to but not in the css file instead in tailwind.config.js/ts\n\n```js\nimport { fontFamily } from \"tailwindcss/defaultTheme\"\nimport plugin from \"tailwindcss/plugin\"\n\nexport default {\n   plugins: [\n      plugin(function ({ addBase, addComponents, addUtilities }) {\n         addBase({})\n         addComponents({\n            \".container\": {\n               \"@apply max-w-[77.5rem] mx-auto px-5 md:px-10 lg:px-15 xl:max-w-[87.5rem]\": {},\n            },\n            \".h1\": {\n               \"@apply font-semibold text-[2.5rem] leading-[3.25rem] md:text-[2.75rem] md:leading-[3.75rem] lg:text-[3.25rem] lg:leading-[4.0625rem] xl:text-[3.75rem] xl:leading-[4.5rem]\":\n                  {},\n            },\n            \".h2\": {\n               \"@apply text-[1.75rem] leading-[2.5rem] md:text-[2rem] md:leading-[2.5rem] lg:text-[2.5rem] lg:leading-[3.5rem] xl:text-[3rem] xl:leading-tight\":\n                  {},\n            },\n            \".h3\": {\n               \"@apply text-[2rem] leading-normal md:text-[2.5rem]\": {},\n            },\n            \".h4\": {\n               \"@apply text-[2rem] leading-normal\": {},\n            },\n            \".h5\": {\n               \"@apply text-2xl leading-normal\": {},\n            },\n            \".h6\": {\n               \"@apply font-semibold text-lg leading-8\": {},\n            },\n            \".body-1\": {\n               \"@apply text-[0.875rem] leading-[1.5rem] md:text-[1rem] md:leading-[1.75rem] lg:text-[1.25rem] lg:leading-8\":\n                  {},\n            },\n            \".body-2\": {\n               \"@apply font-light text-[0.875rem] leading-6 md:text-base\": {},\n            },\n            \".caption\": {\n               \"@apply text-sm\": {},\n            },\n            \".tagline\": {\n               \"@apply font-grotesk font-light text-xs tracking-tagline uppercase\": {},\n            },\n            \".quote\": {\n               \"@apply font-code text-lg leading-normal\": {},\n            },\n            \".button\": {\n               \"@apply font-code text-xs font-bold uppercase tracking-wider\": {},\n            },\n         })\n         addUtilities({\n            \".tap-highlight-color\": {\n               \"-webkit-tap-highlight-color\": \"rgba(0, 0, 0, 0)\",\n            },\n         })\n      }),\n   ],\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnuhptr%2Fbrainwave","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnuhptr%2Fbrainwave","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnuhptr%2Fbrainwave/lists"}