Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/code-star/andromeda
:star: https://andromeda.codestar.nl/ :star:
https://github.com/code-star/andromeda
babel circle-ci cssmodules design-system github-pages jest lerna library npm react sass stylelint travis-ci tslint typescript ui-components webpack
Last synced: 2 days ago
JSON representation
:star: https://andromeda.codestar.nl/ :star:
- Host: GitHub
- URL: https://github.com/code-star/andromeda
- Owner: code-star
- License: mit
- Created: 2018-10-26T08:05:36.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2019-02-13T22:48:12.000Z (over 5 years ago)
- Last Synced: 2024-09-26T17:27:14.858Z (7 days ago)
- Topics: babel, circle-ci, cssmodules, design-system, github-pages, jest, lerna, library, npm, react, sass, stylelint, travis-ci, tslint, typescript, ui-components, webpack
- Language: JavaScript
- Homepage:
- Size: 4.24 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Andromeda
Delightful User Interfaces
## 📕 Introduction
### 📚 Andromeda Stack
View Content
* **📜 Multiple Packages**: [Lerna](https://lernajs.io/)
* **📜 User Interfaces**: [React](https://reactjs.org)
* **📜 JavaScript Superset**: [TypeScript](http://www.typescriptlang.org/)
* **📜 CSS extension**: [Sass](https://sass-lang.com/)
* **📜 CSS Module**: [CSS Modules](https://github.com/css-modules/css-modules)
* **📜 Transpile**: [Babel](https://babeljs.io)
* **📜 Bundle**: [Webpack](https://webpack.js.org/)
* **📜 Package Manager**: [NPM](https://www.npmjs.com/)
* **📜 UI Development Environment**: [Storybook](https://storybook.js.org/)
* **📜 Cloud Hosting**: [GitHub Pages](https://pages.github.com/) [🐝](https://andromeda.codestar.nl/)
* **📜 Continuous Integration**: [CircleCI](https://circleci.com/) [🐝](https://circleci.com/gh/code-star/andromeda/) [](https://circleci.com/gh/code-star/andromeda)
* **📜 Continuous Integration**: [TravisCI](https://travis-ci.org/) [🐝](https://travis-ci.org/code-star/andromeda/) [](https://travis-ci.org/code-star/andromeda)
* **📜 JavaScript Testing**: [Jest](https://jestjs.io/)
* **📜 TypeScript Linter**: [TSLint](https://palantir.github.io/tslint/)
* **📜 Style Linter**: [StyleLint](https://stylelint.io/)
## 📕 Packages
### 📦 Andromeda Buttons
View Content
* 🎨 MaterialButtons
* 🎨 Contained Default MaterialButton
* 🎨 Contained Primary MaterialButton
* 🎨 Contained Secondary MaterialButton
## 📕 Infrastructure
### ⚙️ Lerna
View Content
* Andromeda lives in a multi-package repository optimized by Lerna with Git and NPM, splitting up UI codebase into separate independently versioned packages.
* Information on Lerna can be found [here](https://lernajs.io/)
### ⚙️ React
View Content
* Andromeda uses React JavaScript library for building user interfaces.
* Information on React can be found [here](https://reactjs.org/)
### ⚙️ TypeScript
View Content
* Andromeda uses TypeScript as a typed superset of JavaScript that compiles to plain JavaScript.
* Information on TypeScript can be found [here](http://www.typescriptlang.org/)
### ⚙️ Sass
View Content
* Andromeda uses Sass extension language.
* Information on Sass can be found [here](https://sass-lang.com/)
### ⚙️ CSS Modules
View Content
* Andromeda uses CSS Modules to scope class names.
* Information on CSS Modules can be found [here](https://github.com/css-modules/css-modules)
### ⚙️ Babel
View Content
* Andromeda uses Babel via babel-loader to transpile ES6 and ts-loader to transpile TypeScript.
* Information on Babel can be found [here](https://babeljs.io/)
### ⚙️ Webpack
View Content
* Andromeda uses Webpack to make production bundles to ship with packages as well as development bundles to use with webpack-dev-server and Storybook.
* Information on Webpack can be found [here](https://webpack.js.org/)
### ⚙️ NPM
View Content
* Andromeda publishes artifacts in private packages through NPM package manager.
* Artifacts can be installed like this. `npm install --save [package-name]`
* Information on NPM can be found [here](https://www.npmjs.com/)
### ⚙️ Storybook
View Content
* Andromeda uses Storybook development environment for UI components allowing to browse a component library, view the different states of each component, and interactively develop and test components.
* Information on Storybook can be found [here](https://storybook.js.org/)
### ⚙️ GitHub Pages
View Content
* Andromeda development is deployed to two environments of which GitHub Pages is one.
* GitHub Pages environment can be found [here](https://andromeda.codestar.nl/)
* Deployments can be found [here](https://github.com/code-star/andromeda/deployments)
* Information on Github Pages can be found [here](https://pages.github.com/)
### ⚙️ CircleCI
View Content
* Andromeda uses CircleCI for Continuous Integration and Delivery.
* CI/CD jobs can be found [here](https://circleci.com/gh/code-star/andromeda)
* Information on CircleCI can be found [here](https://circleci.com/)
### ⚙️ TravisCI
View Content
* Andromeda uses TravisCI for Continuous Integration and Delivery.
* CI/CD jobs can be found [here](https://travis-ci.org/code-star/andromeda)
* Information on TravisCI can be found [here](https://travis-ci.org/)
### ⚙️ Jest
View Content
* Andromeda uses Jest for unit and snapshot testing.
* Information on Jest can be found [here](https://jestjs.io/)
### ⚙️ TSLint
View Content
* Andromeda uses TSLint to check TypeScript code for readability, maintainability, and functionality errors.
* Information on TSLint can be found [here](https://palantir.github.io/tslint/)
### ⚙️ StyleInt
View Content
* Andromeda uses StyleLint to avoid errors and enforce conventions in styles.
* Information on StyleLint can be found [here](https://stylelint.io/)