SWAPI (Star Wars API) Search App with ReactJs and Typescript Exercise.
- Coding assignment project (Feb 2023), built on this template: SWAPI Search App with ReactJs and TypeScript
- My first touch with TypeScript (Feb 2023), base of this template: Create TODO App with ReactJs and Typescript Exercise
- Automation with GitHub Actions: Deploy to GitHub Pages and Automate with GitHub Actions
Install ReactJs and Typescript by Vite
npm create vite@latest
# ✔ Project name: … template-react-ts-vite
# ✔ Select a framework: › React
# ✔ Select a variant: › TypeScript
cd template-react-ts-vite/
npm install
-
Create start command in
package.json
file as follows:"scripts": { "start": "vite --host 0.0.0.0 --port 300", }
-
Clean the
src/
andpublic/
directories and start working on the project.
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
npm i @tailwindcss/forms @tailwindcss/typography @tailwindcss/aspect-ratio
npm i @headlessui/react @heroicons/react
# git config --global init.defaultBranch master
git init
git add -A
git commit -m "Initial commit"
git branch -M master
git remote add origin [email protected]:metalevel-tech/template-react-ts-vite.git
git push -u origin master