https://github.com/quazisamiha/pawsomecare

https://github.com/quazisamiha/pawsomecare

aos-animation heroicons react react-scroll reactrouter6 reactslick tailwindcss vercel-deployment

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/quazisamiha/pawsomecare
• Owner: QuaziSamiha
• Created: 2023-10-29T16:53:20.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-31T18:00:16.000Z (over 1 year ago)
• Last Synced: 2025-01-18T15:51:21.349Z (5 months ago)
• Topics: aos-animation, heroicons, react, react-scroll, reactrouter6, reactslick, tailwindcss, vercel-deployment
• Language: JavaScript
• Homepage: https://pawsome-care.vercel.app
• Size: 4.9 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


Run Command: npm create vite@latest paw-some-react -- --template react

1. I've created a Vite project by running the following command in the terminal:

   npm create vite@latest

2. Select React as framework

3. Select TypeScript as variant

4. Run command:

   npm install

1. Run Command:

   npm install react-router-dom localforage match-sorter sort-by

1. Install tailwindcss and its peer dependencies, then generate tailwind.config.js and postcss.config.js files by running command :

   npm install -D tailwindcss postcss autoprefixer

   npx tailwindcss init -p

2. Add the paths to all of the template files in tailwind.config.js file.

3. Add the @tailwind directives for each of Tailwind’s layers to ./src/index.css file.

1. added autoplay slider, stop on hover

2. testimonial form with tailwind css animation

3. add a little tailwind css animation

4. added AOS animation in this section

5. animation added to about section

6. add tailwind css animation

#8d2232 -- navbar dark color

#fff5ed -- header bg

#f59d4a -- donate now button komla color

#e0a287 -- fancy radius pink