Create tech stack docs (techstack.yml and techstack.md) #1

stack-file · 2024-07-07T04:22:25Z

Adding tech stack documentation to allow anyone to easily see what is being used in this repo without digging through config files. Two files are being added: techstack.yml and techstack.md. techstack.yml contains data on all the technologies being used in this repo. techstack.md is a visualization of the YML file and displays the tech stack data in a pretty Markdown file.

💡 Protip: techstack.md contains a comment at the top of the file that the following README snippet (with and without the logos) at the top of the file as a comment:

<--- Readme.md Snippet without images Start --->

Tech Stack

ashellwig/quran.com-frontend is built on the following main stack:

ES6 – Languages
JavaScript – Languages
Autoprefixer – CSS Pre-processors / Extensions
Bootstrap – Front-End Frameworks
ExpressJS – Microframeworks (Backend)
Node.js – Frameworks (Full Stack)
React – Javascript UI Libraries
React Hot Loader – JavaScript Framework Components
React Router – JavaScript Framework Components
Redux – State Management Library
Sass – CSS Pre-processors / Extensions
css-loader – CSS Pre-processors / Extensions
reselect – State Management Library
styled-components – JavaScript Framework Components
GraphQL – Query Languages
Babel – JavaScript Compilers
Chai – Javascript Testing Framework
Docker – Virtual Machine Platforms & Containers
ESLint – Code Review
Enzyme – Javascript Testing Framework
Karma – Browser Testing
Mocha – Javascript Testing Framework
Monit – Monitoring Tools
PhantomJS – Headless Browsers
Prettier – Code Review
Sentry – Exception Monitoring
SinonJS – Javascript Testing Framework
Stylelint – Code Review
Travis CI – Continuous Integration
Webpack – JS Build Tools / JS Task Runners
Yarn – Front End Package Manager
nodemon – node.js Application Monitoring
pre-commit – Git Tools
Apollo – Platform as a Service

Full tech stack here

<--- Readme.md Snippet without images End --->

Get the code:

## Tech Stack
ashellwig/quran.com-frontend is built on the following main stack:

- [ES6](http://www.ecma-international.org/ecma-262/6.0/) – Languages
- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) – Languages
- [Autoprefixer](https://github.com/postcss/autoprefixer) – CSS Pre-processors / Extensions
- [Bootstrap](http://getbootstrap.com/) – Front-End Frameworks
- [ExpressJS](http://expressjs.com/) – Microframeworks (Backend)
- [Node.js](http://nodejs.org/) – Frameworks (Full Stack)
- [React](https://reactjs.org/) – Javascript UI Libraries
- [React Hot Loader](http://gaearon.github.io/react-hot-loader/) – JavaScript Framework Components
- [React Router](https://github.com/rackt/react-router) – JavaScript Framework Components
- [Redux](https://redux.js.org/) – State Management Library
- [Sass](http://sass-lang.com/) – CSS Pre-processors / Extensions
- [css-loader](https://github.com/webpack-contrib/css-loader) – CSS Pre-processors / Extensions
- [reselect](https://github.com/reactjs/reselect) – State Management Library
- [styled-components](https://styled-components.com) – JavaScript Framework Components
- [GraphQL](http://graphql.org/) – Query Languages
- [Babel](http://babeljs.io/) – JavaScript Compilers
- [Chai](http://chaijs.com/) – Javascript Testing Framework
- [Docker](https://www.docker.com/) – Virtual Machine Platforms & Containers
- [ESLint](http://eslint.org/) – Code Review
- [Enzyme](https://enzymejs.github.io/enzyme/) – Javascript Testing Framework
- [Karma](http://karma-runner.github.io/) – Browser Testing
- [Mocha](http://mochajs.org/) – Javascript Testing Framework
- [Monit](https://mmonit.com) – Monitoring Tools
- [PhantomJS](https://phantomjs.org/) – Headless Browsers
- [Prettier](https://prettier.io/) – Code Review
- [Sentry](https://sentry.io/welcome/?utm_source=stackshare&utm_medium=link&utm_campaign=profile) – Exception Monitoring
- [SinonJS](http://sinonjs.org/) – Javascript Testing Framework
- [Stylelint](http://stylelint.io/) – Code Review
- [Travis CI](http://travis-ci.com/) – Continuous Integration
- [Webpack](http://webpack.js.org) – JS Build Tools / JS Task Runners
- [Yarn](https://yarnpkg.com/) – Front End Package Manager
- [nodemon](http://nodemon.io/) – node.js Application Monitoring
- [pre-commit](http://jish.github.io/pre-commit/) – Git Tools
- [Apollo](https://www.apollographql.com/) – Platform as a Service

Full tech stack [here](/techstack.md)

<--- Readme.md Snippet with images Start --->

Tech Stack

ashellwig/quran.com-frontend is built on the following main stack:

ES6 – Languages
JavaScript – Languages
Autoprefixer – CSS Pre-processors / Extensions
Bootstrap – Front-End Frameworks
ExpressJS – Microframeworks (Backend)
Node.js – Frameworks (Full Stack)
React – Javascript UI Libraries
React Hot Loader – JavaScript Framework Components
React Router – JavaScript Framework Components
Redux – State Management Library
Sass – CSS Pre-processors / Extensions
css-loader – CSS Pre-processors / Extensions
reselect – State Management Library
styled-components – JavaScript Framework Components
GraphQL – Query Languages
Babel – JavaScript Compilers
Chai – Javascript Testing Framework
Docker – Virtual Machine Platforms & Containers
ESLint – Code Review
Enzyme – Javascript Testing Framework
Karma – Browser Testing
Mocha – Javascript Testing Framework
Monit – Monitoring Tools
PhantomJS – Headless Browsers
Prettier – Code Review
Sentry – Exception Monitoring
SinonJS – Javascript Testing Framework
Stylelint – Code Review
Travis CI – Continuous Integration
Webpack – JS Build Tools / JS Task Runners
Yarn – Front End Package Manager
nodemon – node.js Application Monitoring
pre-commit – Git Tools
Apollo – Platform as a Service

Full tech stack here

<--- Readme.md Snippet with images End --->

Get the code:

## Tech Stack
ashellwig/quran.com-frontend is built on the following main stack:

- <img width='25' height='25' src='https://img.stackshare.io/service/4109/16407404782_8b9c57eab3.jpg' alt='ES6'/> [ES6](http://www.ecma-international.org/ecma-262/6.0/) – Languages
- <img width='25' height='25' src='https://img.stackshare.io/service/1209/javascript.jpeg' alt='JavaScript'/> [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) – Languages
- <img width='25' height='25' src='https://img.stackshare.io/service/2202/72d087642cfce6fef6f2dabec5bf49e8_400x400.png' alt='Autoprefixer'/> [Autoprefixer](https://github.com/postcss/autoprefixer) – CSS Pre-processors / Extensions
- <img width='25' height='25' src='https://img.stackshare.io/service/1101/C9QJ7V3X.png' alt='Bootstrap'/> [Bootstrap](http://getbootstrap.com/) – Front-End Frameworks
- <img width='25' height='25' src='https://img.stackshare.io/service/1163/hashtag.png' alt='ExpressJS'/> [ExpressJS](http://expressjs.com/) – Microframeworks (Backend)
- <img width='25' height='25' src='https://img.stackshare.io/service/1011/n1JRsFeB_400x400.png' alt='Node.js'/> [Node.js](http://nodejs.org/) – Frameworks (Full Stack)
- <img width='25' height='25' src='https://img.stackshare.io/service/1020/OYIaJ1KK.png' alt='React'/> [React](https://reactjs.org/) – Javascript UI Libraries
- <img width='25' height='25' src='https://img.stackshare.io/no-img-open-source.png' alt='React Hot Loader'/> [React Hot Loader](http://gaearon.github.io/react-hot-loader/) – JavaScript Framework Components
- <img width='25' height='25' src='https://img.stackshare.io/service/3350/8261421.png' alt='React Router'/> [React Router](https://github.com/rackt/react-router) – JavaScript Framework Components
- <img width='25' height='25' src='https://img.stackshare.io/service/4074/13142323.png' alt='Redux'/> [Redux](https://redux.js.org/) – State Management Library
- <img width='25' height='25' src='https://img.stackshare.io/service/1171/jCR2zNJV.png' alt='Sass'/> [Sass](http://sass-lang.com/) – CSS Pre-processors / Extensions
- <img width='25' height='25' src='https://img.stackshare.io/service/8074/default_d2b16fd6997fb2e164de645a34f9b8d5a880d999.png' alt='css-loader'/> [css-loader](https://github.com/webpack-contrib/css-loader) – CSS Pre-processors / Extensions
- <img width='25' height='25' src='https://img.stackshare.io/service/7757/13142323.png' alt='reselect'/> [reselect](https://github.com/reactjs/reselect) – State Management Library
- <img width='25' height='25' src='https://img.stackshare.io/service/6749/styled-components.png' alt='styled-components'/> [styled-components](https://styled-components.com) – JavaScript Framework Components
- <img width='25' height='25' src='https://img.stackshare.io/service/3820/12972006.png' alt='GraphQL'/> [GraphQL](http://graphql.org/) – Query Languages
- <img width='25' height='25' src='https://img.stackshare.io/service/2739/-1wfGjNw.png' alt='Babel'/> [Babel](http://babeljs.io/) – JavaScript Compilers
- <img width='25' height='25' src='https://img.stackshare.io/service/1725/chai.png' alt='Chai'/> [Chai](http://chaijs.com/) – Javascript Testing Framework
- <img width='25' height='25' src='https://img.stackshare.io/service/586/n4u37v9t_400x400.png' alt='Docker'/> [Docker](https://www.docker.com/) – Virtual Machine Platforms & Containers
- <img width='25' height='25' src='https://img.stackshare.io/service/3337/Q4L7Jncy.jpg' alt='ESLint'/> [ESLint](http://eslint.org/) – Code Review
- <img width='25' height='25' src='https://img.stackshare.io/service/4488/default_87e6ca3fa146a959af95ccf3df1ec550eb434129.png' alt='Enzyme'/> [Enzyme](https://enzymejs.github.io/enzyme/) – Javascript Testing Framework
- <img width='25' height='25' src='https://img.stackshare.io/service/1420/TidYGd6a.png' alt='Karma'/> [Karma](http://karma-runner.github.io/) – Browser Testing
- <img width='25' height='25' src='https://img.stackshare.io/service/832/mocha.png' alt='Mocha'/> [Mocha](http://mochajs.org/) – Javascript Testing Framework
- <img width='25' height='25' src='https://img.stackshare.io/service/2986/MonitLogo.png' alt='Monit'/> [Monit](https://mmonit.com) – Monitoring Tools
- <img width='25' height='25' src='https://img.stackshare.io/service/1832/phantomjs.png' alt='PhantomJS'/> [PhantomJS](https://phantomjs.org/) – Headless Browsers
- <img width='25' height='25' src='https://img.stackshare.io/service/7035/default_66f265943abed56bcdbfca1c866a4261b1fbb063.jpg' alt='Prettier'/> [Prettier](https://prettier.io/) – Code Review
- <img width='25' height='25' src='https://img.stackshare.io/service/191/default_9262326592c97828a2a4299dec085a3674dd05f4.png' alt='Sentry'/> [Sentry](https://sentry.io/welcome/?utm_source=stackshare&utm_medium=link&utm_campaign=profile) – Exception Monitoring
- <img width='25' height='25' src='https://img.stackshare.io/service/3509/logo.png' alt='SinonJS'/> [SinonJS](http://sinonjs.org/) – Javascript Testing Framework
- <img width='25' height='25' src='https://img.stackshare.io/service/5446/V9JsvPul_400x400.jpg' alt='Stylelint'/> [Stylelint](http://stylelint.io/) – Code Review
- <img width='25' height='25' src='https://img.stackshare.io/service/460/Lu6cGu0z_400x400.png' alt='Travis CI'/> [Travis CI](http://travis-ci.com/) – Continuous Integration
- <img width='25' height='25' src='https://img.stackshare.io/service/1682/IMG_4636.PNG' alt='Webpack'/> [Webpack](http://webpack.js.org) – JS Build Tools / JS Task Runners
- <img width='25' height='25' src='https://img.stackshare.io/service/5848/44mC-kJ3.jpg' alt='Yarn'/> [Yarn](https://yarnpkg.com/) – Front End Package Manager
- <img width='25' height='25' src='https://img.stackshare.io/service/5577/preview.png' alt='nodemon'/> [nodemon](http://nodemon.io/) – node.js Application Monitoring
- <img width='25' height='25' src='https://img.stackshare.io/no-img-open-source.png' alt='pre-commit'/> [pre-commit](http://jish.github.io/pre-commit/) – Git Tools
- <img width='25' height='25' src='https://img.stackshare.io/service/5508/CyUH653y.png' alt='Apollo'/> [Apollo](https://www.apollographql.com/) – Platform as a Service

Full tech stack [here](/techstack.md)

stacksharebot added 2 commits July 7, 2024 04:22

Create techstack.yml

668a9cc

Create techstack.md

372b5f5

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Create tech stack docs (techstack.yml and techstack.md) #1

Create tech stack docs (techstack.yml and techstack.md) #1

Uh oh!

stack-file bot commented Jul 7, 2024

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Create tech stack docs (techstack.yml and techstack.md) #1

Are you sure you want to change the base?

Create tech stack docs (techstack.yml and techstack.md) #1

Uh oh!

Conversation

stack-file bot commented Jul 7, 2024

Tech Stack

Tech Stack

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant