This project was developed as a learning exercise to explore and understand the fundamentals of React and modern web development practices. It aims to provide hands-on experience in setting up and working with a React application.
The project serves as a foundational setup for integrating React with Vite, focusing on minimal configuration that supports Hot Module Replacement (HMR) and includes basic ESLint rules. The primary objective is to facilitate learning and effectively implementing React within a modern development environment.
👉 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
Follow these steps to set up the project locally on your machine.
Prerequisites
Make sure you have the following installed on your machine:
Cloning the Repository
git clone https://github.com/Majeed-Alberawi/brainwave.git
cd brainwaveInstallation
Install the project dependencies using npm:
npm installRunning the Project
npm run devOpen http://localhost:5173 in your browser to view the project.
This website was built following the tutorial provided in this video.