Getting started - animesh0701/anime-hub GitHub Wiki

Initialising the project

PS C:\Users\anime\Documents\Dev> npm create [email protected]
√ Project name: ... anime-hub
√ Select a framework: » React
√ Select a variant: » TypeScript

Adding Chakra UI

Installing Chakra UI

npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion

Now add the chakra provider in the main.tsx

import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
import { ChakraProvider } from "@chakra-ui/react";

ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
  <React.StrictMode>
    <ChakraProvider>
      <App />
    </ChakraProvider>
  </React.StrictMode>
);

Clear all the boilerplate code from the app and main.tsx. We are now ready to start working on the project.

⚠️ **GitHub.com Fallback** ⚠️