Nanadoum81 / Brainwave

Modern UI/UX website with NEXT.JS
0 stars 0 forks source link

Logo App Screenshot

App Screenshot

App Screenshot

Brainwave Modern AI Website

πŸ€– Introduction

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.

βš™οΈ Tech Stack

Client:

React,

Redux,

TailwindCSS

πŸ”‹ Features

πŸ‘‰ 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)

🀸 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 (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.

Live Demo

https://en-brainwave.netlify.app/

Links

πŸ”— Links

portfolio linkedin