This repository displays the front-end codebase for BrainWave, a mockup of a responsive open AI Chatbot website that redefines the conversation experience. This project is packaged using Vite, constructed with React.js and styled using TailwindCSS, exemplifying modern UI/UX principles.
DEMO - https://brainwave-one-alpha.vercel.app/
-
Modern Landing Page:
- Immerse users in a contemporary design featuring captivating animations and a sophisticated layout.
-
Responsive Navigation:
- Navigate seamlessly with a user-friendly navigation bar, complete with a colorful button that transforms into an animated hamburger menu on smaller screens.
-
Parallax Effect:
- Experience a visually stunning journey as elements on the page respond to your scroll, creating a captivating parallax effect.
-
Bento Box Design Layout:
- Following the design principles of popular companies like Apple, BrainWave adopts the Bento Box layout, offering an organized and intuitive user interface.
-
React.js:
- Leverage the power of React.js to build a dynamic and responsive front-end.
- Modularized components ensure maintainability and reusability.
-
TailwindCSS:
- Style the application with TailwindCSS, utilizing a utility-first approach for rapid development.
- The styles are tailored to match the modern and vibrant design of BrainWave.
-
Clone the Repository:
git clone https://github.com/btarrant/brainwave.git cd chatnexus -
Install Dependencies:
npm install
-
Run the Application:
npm start
Open your browser and visit http://localhost:3000 to explore BrainWave!
I welcome contributions from the community. If you have ideas, suggestions, or improvements, feel free to open an issue or submit a pull request.