https://github.com/mastrangelis/brainwave

https://github.com/mastrangelis/brainwave

Last synced: 7 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/mastrangelis/brainwave
• Owner: Mastrangelis
• Created: 2024-06-17T14:56:15.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-06-20T11:09:29.000Z (5 months ago)
• Last Synced: 2024-06-21T02:35:12.489Z (5 months ago)
• Language: JavaScript
• Homepage: https://brainwave-one-coral.vercel.app
• Size: 10.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  


  


    

    

    

  


  
Modern UI/UX website



## 📋 Table of Contents

1. 🤖 [Introduction](#introduction)

2. ⚙️ [Tech Stack](#tech-stack)

3. 🔋 [Features](#features)

4. 🤸 [Quick Start](#quick-start)

## 🤖 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

- Vite

- React.js

- Tailwind CSS

## 🔋 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](https://git-scm.com/)

- [Node.js](https://nodejs.org/en)

- [npm](https://www.npmjs.com/) (Node Package Manager)

**Cloning the Repository**

```bash

git clone https://github.com/Mastrangelis/brainwave.git

cd brainwave

```

**Installation**

Install the project dependencies using npm:

```bash

npm install

```

**Running the Project**

```bash

npm run dev

```

Open [http://localhost:5173](http://localhost:5173) in your browser to view the project.