https://github.com/yanguadotdev/brainwave

⚡️ A futuristic landing page built with Astro + React + Tailwind + TypeScript. 🎯 A practice project to sharpen my frontend skills: layout, animation, performance, and modern UI design. 🧠 Inspired by AI, tech, and creativity — welcome to Brainwave!
https://github.com/yanguadotdev/brainwave

Last synced: 4 months ago
JSON representation

⚡️ A futuristic landing page built with Astro + React + Tailwind + TypeScript. 🎯 A practice project to sharpen my frontend skills: layout, animation, performance, and modern UI design. 🧠 Inspired by AI, tech, and creativity — welcome to Brainwave!

• Host: GitHub
• URL: https://github.com/yanguadotdev/brainwave
• Owner: yanguadotdev
• Created: 2025-05-05T04:17:16.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-05-17T20:05:17.000Z (about 1 year ago)
• Last Synced: 2025-08-20T12:49:44.934Z (10 months ago)
• Language: TypeScript
• Homepage: https://brainwave-beryl-ten.vercel.app
• Size: 11.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🧠 Brainwave

**Brainwave** is a practice-based landing page project built with **Astro**, **React**, **Tailwind CSS**, and **TypeScript**. The goal of this project is to improve my frontend development skills by focusing on clean structure, animation, responsive design, and performance optimization.

![Brainwave Hero](./public/screenshot.jpg)

## 🚀 Project Goals

- Practice building modern layouts using semantic HTML and utility-first CSS.

- Integrate React components within an Astro project.

- Implement smooth, high-performance animations.

- Learn best practices for accessibility, SEO, and web performance.

## 🛠️ Tech Stack

- [Astro](https://astro.build/) – Static site generator with modern performance.

- [React](https://reactjs.org/) – For dynamic and reusable UI components.

- [Tailwind CSS](https://tailwindcss.com/) – Utility-first styling framework.

- [TypeScript](https://www.typescriptlang.org/) – Static typing for better dev experience.

## 🧪 Project Status

🟡 **In progress** — actively developing UI components, animations, and page sections.

## 📚 Learning Outcomes

- How to structure a hybrid Astro + React + TypeScript project.

- Improved layout and responsive design skills with Tailwind.

- Performance-first approach to building landing pages.

---

Feel free to clone or explore this project as inspiration for your own landing pages.