Atomic Design React + Vite Project

This project is an implementation of the Atomic Design methodology using React and Vite. It showcases a modular architecture for building scalable UI components, focusing on separation of concerns across different layers like atoms, molecules, and organisms.

Getting Started

Prerequisites

• Node.js (v14 or higher)
• NPM or Yarn or Pnpm

Installing Dependencies

Install the required dependencies:

npm install
yarn install
pnpm install

Running the Project

Start the development server with:

npm run dev
yarn dev
pnpm dev

Building the Project

To create a production build, run:

npm run build
yarn build
pnpm build

Atomic Design Structure

• Atoms: Small, reusable components like buttons, inputs, etc.
• Molecules: Combinations of atoms, like form inputs with labels.
• Organisms: Complex components built from molecules and atoms.
• Templates: Page templates that structure the layout.
• Pages: Full pages that are rendered in the app.

License

This project is licensed under the MIT License.