Documentation

├── documentation
├── main-files
├──├── public
├──├── ├── images/
├──├── src
├──├── ├── assets/
├──├── ├── ├── fonts
├──├── ├── ├── css
├──├── ├── ├── images
├──├── ├── componenets/
├──├── ├── layout/
├──├── ├── pages/
├──├── ├── ├── Admin
├──├── ├── ├── App
├──├── ├── ├── Website
├──├── ├── router/
├──├── ├── store/
├──├── ├── utilities/
├──├── ├── App.jsx
├──├── ├── index.css
├──├── ├── main.jsx
├──├── index.html
├──├── package.json
├──├── postcss.config.js
├──├── tailwind.config.js
├──├── vite.config.js

Scribbler.AI is built with vite js, the fastet way to build react application.

Install dependencies:

 npm install 

Run dev server:

 npm run dev 

Open the link: http://localhost:3000 to view it in your browser.

Run Production Build:

 npm run build 

For more information about build tool checkout here

Updated config in src/index.css

@theme {
  --breakpoint-xs: 480px;
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1140px;
  --breakpoint-2xl: 1280px;

  --animate-gradient-left-to-right: gradient-left-to-right 5s ease-in-out 2s;
  --animate-fade: fade 300ms linear forwards;
  
  @keyframes gradient-left-to-right {
      0% {
          background-position: 0% 50%;
      }
      50% {
          background-position: 100% 50%;
      }
      100% {
          background-position: 0% 50%;
      }
  }

  @keyframes fade {
      0% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
}