Anima Project

Welcome! This project has been automatically generated by Anima.

Getting started

Prerequisites: The following steps require NodeJS to be installed on your system, so please install it beforehand if you haven't already.

To get started with your project, you'll first need to install the dependencies with:

npm install

Then, you'll be able to run a development version of the project with:

npm run dev

After a few seconds, your project should be accessible at the address http://localhost:5173/

If you are satisfied with the result, you can finally build the project for release with:

npm run build

TargetCRM-5_React

TargetCRM-5_React

{/* 🔹 Middle Section - Content (scrollable) */}

{/* ✅ List/Card View */}
{activeTab === "list" && (
  <div className="p-4">
    <div className="grid gap-6 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
      {loading
        ? Array.from({ length: 9 }).map((_, idx) => (
            <SkeletonCard key={idx} />
          ))
        : projects.map((project) => (
            <ProjectCard
              key={project.id}
              project={project}
              users={mockUsers}
              onEdit={() => handleEditProject(project)}
            />
          ))}
    </div>
  </div>
)}

{/* 🔹 Bottom Section - Pagination / UserListSection */}