{"id":24026620,"url":"https://github.com/yousefraeis/brainwave-site","last_synced_at":"2026-04-15T14:04:08.646Z","repository":{"id":260682875,"uuid":"864047361","full_name":"yousefraeis/brainwave-site","owner":"yousefraeis","description":"Brainwave is a cutting-edge UI/UX website built with React.js and Tailwind CSS, featuring sleek parallax effects and trendy bento box layouts. 🚀✨ Designed to blend style with performance, this project showcases the future of modern web design—where aesthetics meet functionality seamlessly. 🌟","archived":false,"fork":false,"pushed_at":"2024-09-27T12:59:03.000Z","size":11320,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-08T16:22:58.862Z","etag":null,"topics":["brainwave","css","front-end","front-end-development","frontend","frontend-web","html","html-css-javascript","html5","javascript","javascript-mastery","javascriptmastery","react","reactjs","taliwindcss","ui","ui-ux","ux"],"latest_commit_sha":null,"homepage":"https://brainwave-nine-taupe.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/yousefraeis.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-09-27T11:51:26.000Z","updated_at":"2024-12-05T18:23:06.000Z","dependencies_parsed_at":"2024-11-01T20:35:43.759Z","dependency_job_id":null,"html_url":"https://github.com/yousefraeis/brainwave-site","commit_stats":null,"previous_names":["yousefraeis/brainwave","yousefraeis/brainwave-site"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yousefraeis%2Fbrainwave-site","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yousefraeis%2Fbrainwave-site/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yousefraeis%2Fbrainwave-site/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yousefraeis%2Fbrainwave-site/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yousefraeis","download_url":"https://codeload.github.com/yousefraeis/brainwave-site/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240783111,"owners_count":19856776,"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":["brainwave","css","front-end","front-end-development","frontend","frontend-web","html","html-css-javascript","html5","javascript","javascript-mastery","javascriptmastery","react","reactjs","taliwindcss","ui","ui-ux","ux"],"created_at":"2025-01-08T16:23:10.514Z","updated_at":"2026-04-15T14:04:08.603Z","avatar_url":"https://github.com/yousefraeis.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cbr /\u003e\n      \u003cimg src=\"https://i.ibb.co/Kqdv8j1/Image-from.png\" alt=\"Project Banner\"\u003e\n  \u003cbr /\u003e\n\u003c/div\u003e\n\n# 🚀 Modern UI/UX Website with React.js and Tailwind CSS\n\nWelcome to the repository for building a _Modern UI/UX Website_ featuring _sleek parallax effects_ and _bento box layouts. This project leverages React.js_ and _Tailwind CSS_, embracing a modern web design approach that prioritizes aesthetics and performance.\n\n\u003e Inspired by the _JavaScript Mastery_ tutorial on YouTube, this project enhances your skills in _React.js_ and _Tailwind CSS_ while adhering to mobile-first principles and contemporary UI designs.\n\n## 📋 Table of Contents\n\n1. 🤖 [Introduction](#introduction)\n2. ⚙️ [Tech Stack](#tech-stack)\n3. 🔋 [Features](#features)\n4. 🤸 [Quick Start](#quick-start)\n5. 🌐 [Live Demo](#live-demo)\n6. 🎉 [Acknowledgements](#acknowledgements)\n\n---\n\n## 🤖 Introduction\n\nThe _Modern UI/UX Website_ exemplifies contemporary web design principles, integrating _sleek animations, parallax scrolling effects, and **bento box layouts_ to deliver an immersive user experience. This website serves as a practical resource for anyone eager to enhance their skills in _React.js, Tailwind CSS_, and responsive design.\n\n---\n\n## ⚙️ Tech Stack\n\nThis project utilizes the following technologies:\n\n-   _Vite_ – A fast build tool tailored for modern web development.\n-   _React.js_ – A component-based JavaScript library for crafting dynamic user interfaces.\n-   _Tailwind CSS_ – A utility-first CSS framework designed for creating custom styles directly within your HTML.\n\n---\n\n## 🔋 Features\n\n-   _Responsive Design_: Optimized for mobile-first viewing, adaptable to all screen sizes.\n-   _Parallax Animations_: Engaging and smooth scrolling effects that enhance user interaction.\n-   _Bento Box Layouts_: Stylish, grid-based sections that provide a clean and modern UI.\n-   _Reusable Components_: Modular architecture that promotes scalability and maintainability.\n-   _Modern UI Trends_: Incorporates the latest trends in UI/UX design, including circular shapes and vibrant gradients.\n\n---\n\n## 🤸 Quick Start\n\nTo run this project locally, follow these steps:\n\n### Prerequisites\n\nEnsure you have the following installed:\n\n-   _Git_\n-   _Node.js_\n-   _npm_\n\n### Installation\n\n1. Clone the repository:\n    ```bash\n    git clone (https://github.com/yousefraeis/brainwave.git)\n    cd brainwave\n    ```\n2. Install dependencies:\n    ```bash\n    npm install\n    ```\n\n### Running the Project\n\nStart the development server:\n\n```bash\nnpm run dev\n```\n\nAccess the project at https://brainwave-nine-taupe.vercel.app/\n\n---\n\n## 🌐 Live Demo\n\nExperience the live demo [here](https://brainwave-nine-taupe.vercel.app/).\n\n---\n\n## 🎉 Acknowledgements\n\nA special shoutout to _Adrian Hajdin_ and his YouTube channel, _JavaScript Mastery_, for their exceptional tutorials that inspired this project. Be sure to check out their channel for invaluable insights into JavaScript and web development!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyousefraeis%2Fbrainwave-site","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyousefraeis%2Fbrainwave-site","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyousefraeis%2Fbrainwave-site/lists"}