Build and Deploy a Complete Typescript Fitness Application tutorial. For frontend, we will be using React, Typescript, Vite, Tailwind, Hero Icons, Framer Motion, Form Submit, React Anchor Link Smooth Scroll. We will also be using Cloudflare Pages for deploying our app.
Tech Stack: TypeScript (language) React18 (framework/lib) Vite (store pack) Farmer Motion (animations) Tailwind CSS (style), Tailwind Heroicons (icons)
Links: React: https://reactjs.org/ Typescript: https://www.typescriptlang.org/ Typescript Types vs Interfaces: https://tinyurl.com/typescripttypesvs... Vite: https://tailwindcss.com/docs/guides/vite Google Fonts: https://fonts.google.com/ Tailwind: https://tailwindcss.com/ Prettier Tailwind Css Plugin: https://github.com/tailwindlabs/prett... Prettier Tailwind Css Sorting: https://tailwindcss.com/blog/automati... Hero Icons: https://heroicons.com/ Framer Motion: https://www.framer.com/docs/introduct... Form Submit: https://formsubmit.co/ React Anchor Link smooth Scroll: https://github.com/mauricevancooten/r... Cloudflare Pages: https://pages.cloudflare.com/