{"id":25046450,"url":"https://github.com/clementmadiot/brainwave_react","last_synced_at":"2026-04-18T17:02:04.152Z","repository":{"id":243692519,"uuid":"813145513","full_name":"ClementMadiot/Brainwave_react","owner":"ClementMadiot","description":"Fully responsive Web site with using React JS and Tailwind. Brainwave explore the Possibilities of AI Chatting.","archived":false,"fork":false,"pushed_at":"2025-01-31T18:47:14.000Z","size":13747,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-10T17:46:51.760Z","etag":null,"topics":["react","react-icon","react-just-parallax","react-router","scroll-lock","tailwind"],"latest_commit_sha":null,"homepage":"https://brainwave-ai-cm.netlify.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/ClementMadiot.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,"zenodo":null}},"created_at":"2024-06-10T14:59:07.000Z","updated_at":"2025-01-31T18:47:18.000Z","dependencies_parsed_at":"2024-06-17T08:29:46.221Z","dependency_job_id":"9db76e25-322d-4806-b6f2-cd8d7d7fc475","html_url":"https://github.com/ClementMadiot/Brainwave_react","commit_stats":null,"previous_names":["clementmadiot/brainwave_react_app_tailwindcss"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ClementMadiot/Brainwave_react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ClementMadiot%2FBrainwave_react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ClementMadiot%2FBrainwave_react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ClementMadiot%2FBrainwave_react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ClementMadiot%2FBrainwave_react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ClementMadiot","download_url":"https://codeload.github.com/ClementMadiot/Brainwave_react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ClementMadiot%2FBrainwave_react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31976805,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T16:27:12.723Z","status":"ssl_error","status_checked_at":"2026-04-18T16:27:11.140Z","response_time":103,"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","react-icon","react-just-parallax","react-router","scroll-lock","tailwind"],"created_at":"2025-02-06T06:50:13.529Z","updated_at":"2026-04-18T17:02:04.098Z","avatar_url":"https://github.com/ClementMadiot.png","language":"JavaScript","readme":"\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://brainwave-ai-cm.netlify.app/\" target=\"_blanck\"\u003e\u003cimg src=\"./src/assets/brainwave-min.png\" alt=\"Brainwave\"\u003e\u003c/a\u003e\n  \u003ch3 align=\"center\"\u003eBrainwave\u003c/h3\u003e\n    \u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-React_JS-black?style=for-the-badge\u0026logoColor=white\u0026logo=react\u0026color=61DAFB\" alt=\"react.js\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Vite-black?style=for-the-badge\u0026logoColor=white\u0026logo=vite\u0026color=646CFF\" alt=\"vite\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Tailwind_CSS-black?style=for-the-badge\u0026logoColor=white\u0026logo=tailwindcss\u0026color=06B6D4\" alt=\"tailwindcss\" /\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n## \u003cbr /\u003e 📋 \u003ca name=\"table\"\u003eSummary\u003c/a\u003e\n\n- ✨ [Introduction](#introduction)\n- 🛠 [Technology Used](#tech-stack)\n- 🚀 [Launch App](#launch-app)\n- 🎨 [Styling](#style)\n\n## \u003cbr /\u003e \u003ca name=\"introduction\"\u003e✨ Introduction\u003c/a\u003e\n\n**[ENG]** Brainwave is a modern AI-powered chat application, offering users an intuitive and interactive experience with OpenAI's advanced language model. This landing page and web application are designed to showcase the potential of AI-driven conversations through a seamless, visually appealing interface.\n\nBuilt with React and TailwindCSS, Brainwave ensures a smooth user experience, enhanced by dynamic animations and responsive design. Leveraging react-just-parallax for immersive effects, scroll-lock for controlled scrolling, and react-icons for a polished UI, the platform delivers a sleek and engaging interaction. Navigation is handled efficiently with react-router-dom, ensuring a fluid and structured user journey.\n\n**[FR]** Brainwave est une application de chat alimentée par l'IA, offrant une expérience interactive et intuitive grâce au modèle avancé d'OpenAI. Cette landing page et application web sont conçues pour mettre en avant le potentiel des conversations assistées par l'IA à travers une interface fluide et esthétiquement soignée.\n\nDéveloppé avec React et TailwindCSS, Brainwave garantit une expérience utilisateur optimale, enrichie par des animations dynamiques et un design réactif. L'application intègre react-just-parallax pour des effets immersifs, scroll-lock pour un contrôle précis du défilement, et react-icons pour une interface élégante. La navigation est gérée efficacement avec react-router-dom, assurant un parcours utilisateur fluide et structuré.\n\n## \u003cbr /\u003e \u003ca name=\"tech-stack\"\u003e🛠 Technology Used\u003c/a\u003e\n\n- [scroll-lock](https://www.npmjs.com/package/scroll-lock) :\nCross-browser JavaScript library to disable scrolling page\n\n- [react-just-parallax](https://www.npmjs.com/package/react-just-parallax) :\nReact library for scroll and mousemove parallax effect ✨\nOpen source, production-ready\n\n- [react-icon](https://www.npmjs.com/package/react-icons)\nInclude popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using.\n\n- [react-router-dom](https://www.npmjs.com/package/react-router-dom)\n  The react-router-dom package contains bindings for using React Router in web applications. Please see the Getting Started guide for more information on how to get started with React Router.\n  \n- [TailwindCSS](https://tailwindcss.com/docs/installation)\n  TailwindCSS is a valuable tool for developers who want to build modern, responsive, and visually appealing websites without sacrificing development speed.\n\n## \u003cbr /\u003e \u003ca name=\"launch-app\"\u003e🚀 Launch App\u003c/a\u003e\n\n\u003cbr/\u003e**Cloning the Repository**\n\n```bash\ngit clone {git remote URL}\n```\n\n\u003cbr/\u003e**installation**\n\n\u003e After cloning the repository, run the command `npm install` to install the project's dependencies.\n\n\u003e Once the dependencies are installed, start the project with the command `npm run dev`.\n\n## \u003cbr /\u003e \u003ca name=\"launch-app\"\u003e🎨 Styling\u003c/a\u003e\n\nGlobal styling are defined using TailwindCSS in the tailwind.config.js file.\n\n```\ntheme: {\n    extend: {\n      colors: {\n        color: {\n          1: \"#AC6AFF\",\n          2: \"#FFC876\",\n          3: \"#FF776F\",\n          4: \"#7ADB78\",\n          5: \"#858DFF\",\n          6: \"#FF98E2\",\n        },\n        stroke: {\n          1: \"#26242C\",\n        },\n        n: {\n          1: \"#FFFFFF\",\n          2: \"#CAC6DD\",\n          3: \"#ADA8C3\",\n          4: \"#757185\",\n          5: \"#3F3A52\",\n          6: \"#252134\",\n          7: \"#15131D\",\n          8: \"#0E0C15\",\n          9: \"#474060\",\n          10: \"#43435C\",\n          11: \"#1B1B2E\",\n          12: \"#2E2A41\",\n          13: \"#6C7275\",\n        },\n      },\n      fontFamily: {\n        sans: [\"var(--font-sora)\", ...fontFamily.sans],\n        code: \"var(--font-code)\",\n        grotesk: \"var(--font-grotesk)\",\n      },\n      letterSpacing: {\n        tagline: \".15em\",\n      },\n      spacing: {\n        0.25: \"0.0625rem\",\n        7.5: \"1.875rem\",\n        15: \"3.75rem\",\n      },\n      opacity: {\n        15: \".15\",\n      },\n      transitionDuration: {\n        DEFAULT: \"200ms\",\n      },\n      transitionTimingFunction: {\n        DEFAULT: \"linear\",\n      },\n      zIndex: {\n        1: \"1\",\n        2: \"2\",\n        3: \"3\",\n        4: \"4\",\n        5: \"5\",\n      },\n      borderWidth: {\n        DEFAULT: \"0.0625rem\",\n      },\n      backgroundImage: {\n        \"radial-gradient\": \"radial-gradient(var(--tw-gradient-stops))\",\n        \"conic-gradient\":\n          \"conic-gradient(from 225deg, #FFC876, #79FFF7, #9F53FF, #FF98E2, #FFC876)\",\n        \"benefit-card-1\": \"url(assets/benefits/card-1.svg)\",\n        \"benefit-card-2\": \"url(assets/benefits/card-2.svg)\",\n        \"benefit-card-3\": \"url(assets/benefits/card-3.svg)\",\n        \"benefit-card-4\": \"url(assets/benefits/card-4.svg)\",\n        \"benefit-card-5\": \"url(assets/benefits/card-5.svg)\",\n        \"benefit-card-6\": \"url(assets/benefits/card-6.svg)\",\n      },\n    },\n  },\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclementmadiot%2Fbrainwave_react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fclementmadiot%2Fbrainwave_react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclementmadiot%2Fbrainwave_react/lists"}