title: Installation description: Installation guide for Hive Forensics application.
To get started with the Hive Forensics application, follow these simple steps:
Prerequisites
Before installing our application, make sure you have the following:
- Node.js installed on your machine
- A code editor (e.g., VSCode)
- Basic knowledge of the command-line interface (CLI)
Remember:
Ensure your system meets all the prerequisites before starting the installation to avoid any issues.
Installation Steps
Create a New Project
Start by creating a new React project using Vite. This will serve as the base for integrating Hive Forensics APIs:
npx create-vite@latest hive-forensics-app
cd hive-forensics-app
Install Tailwind CSS
Set up Tailwind CSS by installing it along with its peer dependencies. Then, configure your tailwind.config.js
and postcss.config.js
files:
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
Add the following to your tailwind.config.js
:
module.exports = {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
plugins: [],
}
Configure Your Application
Set up your root layout and global styles to integrate Hive Forensics styling standards. Modify your src/main.jsx
or src/App.jsx
file as follows:
import "./styles/globals.css";
import { Inter as FontSans } from "next/font/google";
import { cn } from "./lib/utils";
const fontSans = FontSans({
subsets: ["latin"],
variable: "--font-sans",
});
export default function App({ children }) {
return (
<div className={cn("min-h-screen bg-background font-sans antialiased", fontSans.variable)}>
{children}
</div>
);
}
Install Additional Dependencies
Install the necessary dependencies for your project. This could include Axios for API requests, React Router for navigation, and other utilities as needed:
npm install axios react-router-dom
# or
yarn add axios react-router-dom
Additional Information
For more detailed instructions, troubleshooting tips, and best practices for integrating Hive Forensics APIs into your application, please refer to our documentation.