Brainwave - Modern UI/UX website, developed using React.js and Tailwind CSS, exemplifies modern UI/UX principles. Its sleek design, seamless animations, and overall user experience set a high standard, serving as a reference or inspiration for future modern applications or websites in general.
Client:
React,
Redux,
TailwindCSS
π Beautiful Sections: Includes hero, services, features, how to use, roadmap, pricing, footer, and header.
π Parallax Animations: Engaging effects triggered by mouse movement and scrolling
π Complex UI Geometry: Utilizes tailwindcss for intricate shapes like circular feature displays, grid lines, and side lines.
π Latest UI Trends: Incorporates modern design elements such as bento grids.
π Cool Gradients: Enhances visuals with stylish gradients using Tailwind CSS for cards, buttons, etc.
π Responsive: Ensures seamless functionality and aesthetics across all devices
and many more, including code architecture and reusability
π€Έ Quick Start Follow these steps to set up the project locally on your machine.
Prerequisites
Make sure you have the following installed on your machine:
Git Node.js npm (Node Package Manager)
Follow these steps to set up the project locally on your machine.
Prerequisites
Make sure you have the following installed on your machine:
-Git (https://git-scm.com/)
Node.js (https://nodejs.org/en)
npm (https://www.npmjs.com/)
Clone the project
git clone https://github.com/Nanadoum81/Brainwave.git
Go to the project directory
cd brainwave
Install dependencies
npm install
Start the server
npm run start
Running Project
npm run dev
Open http://localhost:5173 in your browser to view the project.
https://en-brainwave.netlify.app/