Frontend: React + TypeScript + TailwindCSS + Vite
Framer Motion
Web application listing characters (Avatars) from the Star Wars universe. The list can be further filtered by avatars attributes, properties.
Data is fetched from the open API resources -> https://swapi.dev/api
Resources used
/people//planets/`/films//species//starships//vehicles/
- CardsList - add Table for memorizing character data
- Characters categorization - divide into classes / add color
- React.js [ Hooks, Refs, Context, Reducer ]
- HTML
- CSS [ TailwindCSS ]
- Javascript [ Typescript ]
- Framer Motion
- eslint, Prettier
- formik, yup
- axios
- vite
- git [ GitHub ]
In the project directory, you can run:
npm run start
npm run dev
npm run build
npm run preview
npm run format
npm run type:check