Refactor Components for Modularity and Consistent Naming

[Kom02]

Description

Refactor the codebase to ensure all components are organized according to atomic design principles: place simple components in the atoms folder, moderately complex components in molecules, and complex/combined components in organisms. Additionally, ensure all component filenames use lowercase letters to maintain consistency.

Purpose

A modular and well-structured component architecture improves code maintainability, scalability, and team collaboration. Consistent file naming prevents confusion and facilitates easier imports across the project.

Acceptance Criteria

• All simple, reusable components are located in the atoms folder.
• Components composed of atoms are in the molecules folder.
• More complex components composed of molecules and/or atoms are in the organisms folder.
• All component file names are written in lowercase (e.g., button.js, not Button.js).
• No orphaned components exist outside the correct atomic folders.
• All imports throughout the codebase are updated to reflect new paths and filenames.
• The application builds and runs successfully after refactoring.

Additional Information

Review the atomic design methodology if clarification is needed. Consider adding documentation to the repository to explain the folder structure and naming conventions.

Priority

Medium

[YakshitAgarwal]

@Kom02 assign this issue. I will start working on them one by one.

[laryhills]

Hi,

✅ Plan: I’ll audit all components, classify them per atomic design (atoms/molecules/organisms), and move files accordingly with lowercase filenames. I’ll run a codemod to update all imports, add an ESLint rule + lint-staged check to enforce lowercase names, and ensure no orphaned components remain. I’ll verify the app builds/runs, and document the structure/conventions in the repo.

📌 Why Me: I’ve led large-scale UI refactors (atomic design, codemods, lint/CI enforcement) and can deliver a clean, maintainable structure with zero runtime regressions.

Recommended by OnlyDust for high-quality and dependable contributions.