This project is a monorepo for an e-commerce platform built using Lerna, NX, and Yarn Workspace. It includes a playground for testing CSS and component packages, leveraging a design system defined on Figma.
Our design system serves as the visual foundation for our components and styles. It is hosted on Figma and provides a comprehensive set of design assets that guide our UI implementation. You can access the design system here:
- CSS and Component Package Management: Utilizes Lerna and NX to manage CSS styles and component packages efficiently.
- SCSS Support: Styles are written using SCSS, allowing for variables, mixins, and nested rules to enhance maintainability and scalability.
- Playground: A dedicated playground for testing components and styles during development.
- Node.js v18+
- Yarn v1.x
- Clone the repository to your local machine.
- Run
yarn install
to install all dependencies.
To start the development server, run:
yarn dev
To build the application for production, run:
yarn build
To run the playground for testing, navigate to the playground directory and start the development server:
cd playgrounds
yarn dev
The monorepo is structured using Yarn Workspaces and managed by Lerna. Packages are organized in the packages
directory with shared libraries and functions residing in packages/scss
for css and packages/foundations
for basic configuration for text font and colors and packages/ui
is Whole Components of Atomic Design System .
and Its maintained using Atomic Design System
yarn dev
: Starts the development server.yarn build
: Builds the project for production.
Contributions are welcome! Please read the contributing guidelines before getting started.
This project is licensed under the terms of the MIT license.