Brainwave - Modern Animated SaaS Generative AI Landing Page

📔 Table of Contents

Folder Structure
Getting Started
Screenshots
Tech Stack
Stats
Contribute
Acknowledgements
Buy Me a Coffee
Follow Me
Learn More
Deploy on Netlify
Give A Star
Star History
Give A Star

‼️ Folder Structure

Here is the folder structure of this app.

brainwave/
  |- public/
    |-- apple-icon.png
    |-- favicon.ico
    |-- favicon1.png
    |-- favicon2.png
  |- src/
    |-- assets/
        |--- benefits/
        |--- collaboration/
        |--- hero/
        |--- notification/
        |--- pricing/
        |--- roadmap/
        |--- services/
        |--- socials/
        |--- svg/
        |--- index.js
    |-- components/
        |--- design/
        |--- Benefits.jsx
        |--- Button.jsx
        |--- Collaboration.jsx
        |--- CompanyLogos.jsx
        |--- Footer.jsx
        |--- Generating.jsx
        |--- Header.jsx
        |--- Heading.jsx
        |--- Hero.jsx
        |--- Notification.jsx
        |--- Pricing.jsx
        |--- PricingList.jsx
        |--- Roadmap.jsx
        |--- Section.jsx
        |--- Services.jsx
        |--- Tagline.jsx
    |-- config/
        |--- index.js
    |-- constants/
        |--- index.js
    |-- App.jsx
    |-- index.css
    |-- main.jsx
  |- .eslintrc.cjs
  |- .gitignore
  |- index.html
  |- package-lock.json
  |- package.json
  |- postcss.config.js
  |- tailwind.config.js
  |- vite.config.js

🧰 Getting Started

Make sure Git and NodeJS is installed.
Clone this repository to your local computer.
Install project dependencies using npm install --legacy-peer-deps or yarn install --legacy-peer-deps
Now app is fully configured 👍 and you can start using this app using either one of npm run dev or yarn dev.

NOTE: Please make sure to keep your API keys and configuration values secure and do not expose them publicly.

📷 Screenshots

⚙️ Tech Stack

🔧 Stats

🙌 Contribute

You might encounter some bugs while using this app. You are more than welcome to contribute. Just submit changes via pull request and I will review them before merging. Make sure you follow community guidelines.

💎 Acknowledgements

Useful resources and dependencies that are used in Brainwave.

framer-motion: ^11.0.12
react: ^18.2.0
react-dom: ^18.2.0
react-just-parallax: ^3.1.16
react-router-dom: ^6.22.3
scroll-lock: ^2.1.5
typewriter-effect: ^2.21.0
@types/react: ^18.2.56
@types/react-dom: ^18.2.19
@vitejs/plugin-react: ^4.2.1
autoprefixer: ^10.4.18
eslint: ^8.56.0
eslint-plugin-react: ^7.33.2
eslint-plugin-react-hooks: ^4.6.0
eslint-plugin-react-refresh: ^0.4.5
postcss: ^8.4.35
tailwindcss: ^3.4.1
vite: ^5.1.4

☕ Buy Me a Coffee

🚀 Follow Me

📚 Learn More

To deepen your understanding of React.js and Netlify, explore the following resources:

React.js Documentation - delve into React.js features, concepts, and API.
React Official Tutorial - an interactive tutorial to get hands-on experience with React.

For Netlify-specific information:

Netlify Documentation - learn about Netlify's features, deployment options, and more.
Getting Started with Netlify and React - a guide on deploying React applications on Netlify.

You're encouraged to contribute and provide feedback on Netlify's GitHub repository.

📃 Deploy on Netlify

The simplest way to deploy your React.js app is to use the Netlify Platform - a powerful platform for modern web projects.

Explore the Netlify deployment documentation for step-by-step instructions on deploying your React.js app on Netlify.

Happy coding, and feel free to share your thoughts and improvements with the Netlify community!

⭐ Give A Star

You can also give this repository a star to show more people and they can use this repository.

🌟 Star History

(back to top)

sanidhyy/brainwave