arteminfinity / responsivespa_ts_react_vite_tailwind

Fitness SPA: React, Typescript, Vite, Tailwind, Hero Icons, Framer Motion, Form Submit, React Anchor Link Smooth Scroll

npm create vite@latest

npm install

code .

Extension:

Prettier - Code formater

Tailwind documentation

npm i framer-motion - this is an animation library

npm i [email protected] - this is a package that allows you to click on the nav bar item

npm i @heroicons/react

-D "devDependencies"

npm i -D @types/[email protected] @types/node

vite.config.ts:

//import someComponent from "@/src/components/someComponents"

import path from 'path' - this path comes from the types-node that we installed

tailwind:

npm install -D tailwindcss postcss autoprefixer

npx tailwindcss init -p

npm i -D prettier prettier-plugin-tailwindcss - A Prettier plugin for Tailwind CSS v3.0+ that automatically sorts classes based ### on our recommended class order.

npm run dev

npm i react-hook-form