Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jowwan/brainwave
A sleek and responsive landing page for an AI chatting company, showcasing UI/UX design and frontend skills. Built with React, styled with Tailwind CSS, and powered by Vite for fast development.
https://github.com/jowwan/brainwave
design landing landing-page react reactjs tailwindcss ui ux vite vitejs-react webapp website
Last synced: about 1 month ago
JSON representation
A sleek and responsive landing page for an AI chatting company, showcasing UI/UX design and frontend skills. Built with React, styled with Tailwind CSS, and powered by Vite for fast development.
- Host: GitHub
- URL: https://github.com/jowwan/brainwave
- Owner: Jowwan
- Created: 2024-12-14T13:25:45.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-12-14T14:15:01.000Z (about 2 months ago)
- Last Synced: 2024-12-14T15:18:05.464Z (about 2 months ago)
- Topics: design, landing, landing-page, react, reactjs, tailwindcss, ui, ux, vite, vitejs-react, webapp, website
- Language: JavaScript
- Homepage: https://brainwave-jowwan.vercel.app
- Size: 27.9 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Brainwave - AI Chatting Company Landing Page
Welcome to **Brainwave**, a concept landing page for an AI chatting company, designed to demonstrate expertise in **UI/UX design** and **frontend development**. This project focuses on creating an engaging, modern, and visually appealing web interface tailored for showcasing design skills.
---
## 🌐 **Live Demo**
Explore the landing page here: [Brainwave Landing Page](https://brainwave-jowwan.vercel.app/)
---
## 🖌️ **Project Highlights**
- **Stunning Visual Design:** A sleek and modern aesthetic using bold typography, clean layouts, and harmonious color schemes.
- **User-Centered Interface:** Designed with the end-user in mind, ensuring intuitive navigation and accessibility.
- **Responsive Design:** Fully optimized for various screen sizes, offering a seamless experience across devices.
- **Micro-Interactions:** Subtle animations and hover effects to enhance user engagement.
---
## 🛠️ **Technologies Used**
- **React:** For building dynamic and reusable UI components.
- **Tailwind CSS:** To style the application with utility-first classes.
- **Vite:** As the frontend build tool for faster development and hot module replacement.
---
## 🚀 **Getting Started**
1. Clone the repository:
```bash
git clone https://github.com/Jowwan/Brainwave.git
```
2. Navigate to the project directory:
```bash
cd Brainwave
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm run dev
```
5. Open your browser and go to:
```
http://localhost:5173
```
---
### ⭐ **If you like this project, please give it a star!** ⭐