CatsMiaow / Tested
Licence: mit
Angular Material in MEAN Stack Website Source
Stars: โญ 35
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Tested
Express React Boilerplate
๐๐๐ This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: โญ 32 (-8.57%)
Mutual labels: webpack, babel, mongodb, express
Blog
Front-end tech thoughts and share-ppt
Stars: โญ 288 (+722.86%)
Mutual labels: webpack, babel, mongodb
Myblog
vue + node ๅฎ็ฐ็ไธไธชๅๅฎข็ณป็ป
Stars: โญ 285 (+714.29%)
Mutual labels: webpack, mongodb, express
React
Extremely simple boilerplate, easiest you can find, for React application including all the necessary tools: Flow | React 16 | redux | babel 6 | webpack 3 | css-modules | jest | enzyme | express + optional: sass/scss
Stars: โญ 244 (+597.14%)
Mutual labels: webpack, babel, express
Doclever
ๅๆๅฅฝ็ๆฅๅฃ็ฎก็ๅนณๅฐ
Stars: โญ 2,849 (+8040%)
Mutual labels: webpack, mongodb, express
Nest Angular
NestJS, Angular 6, Server Side Rendering (Angular Universal), GraphQL, JWT (JSON Web Tokens) and Facebook/Twitter/Google Authentication, Mongoose, MongoDB, Webpack, TypeScript
Stars: โญ 307 (+777.14%)
Mutual labels: webpack, mongodb, express
Express Webpack React Redux Typescript Boilerplate
๐ A full-stack boilerplate that using express with webpack, react and typescirpt!
Stars: โญ 156 (+345.71%)
Mutual labels: webpack, babel, express
Vue Chess
Multiplayer online chess game use Vue , Nodejs, Webpack, Em6, Socket.io, Mongodb, Express
Stars: โญ 350 (+900%)
Mutual labels: webpack, mongodb, express
Meantorrent
meanTorrent - MEAN.JS BitTorrent Private Tracker - Full-Stack JavaScript Using MongoDB, Express, AngularJS, and Node.js, A BitTorrent Private Tracker CMS with Multilingual, and IRC announce support, CloudFlare support. Demo at:
Stars: โญ 438 (+1151.43%)
Mutual labels: mongodb, express, angularjs
Faqguru
๐ ๐ ๐ A list of interview questions. This repository is everything you need to prepare for your technical interview.
Stars: โญ 4,653 (+13194.29%)
Mutual labels: webpack, mongodb, angularjs
Mern Boilerplate
MERN stack project boilerplate
Stars: โญ 211 (+502.86%)
Mutual labels: webpack, mongodb, express
Crate
๐ ๐ ๐ฆ A sample web and mobile application built with Node, Express, React, React Native, Redux and GraphQL. Very basic replica of stitchfix.com / krate.in (allows users to get monthly subscription of trendy clothes and accessories).
Stars: โญ 2,281 (+6417.14%)
Mutual labels: webpack, babel, express
Twreporter React
twreporter site with nodejs
Stars: โญ 263 (+651.43%)
Mutual labels: webpack, babel, express
Ecommerce Site Template
A beautiful e-commerce template powered by React, Redux and other modern web tech.
Stars: โญ 167 (+377.14%)
Mutual labels: webpack, mongodb, express
Pro Mern Stack
Code Listing for the book Pro MERN Stack
Stars: โญ 290 (+728.57%)
Mutual labels: webpack, mongodb, express
Isomorphic Redux Cnode
๐๐ปๅบไบreact->express->mongoๆๆฏๆ ็ๅๆSPA
Stars: โญ 123 (+251.43%)
Mutual labels: webpack, mongodb, express
Js Stack Boilerplate
Final boilerplate code of the JavaScript Stack from Scratch tutorial โ
Stars: โญ 145 (+314.29%)
Mutual labels: webpack, babel, express
Woo Next
๐ React WooCommerce theme, built with Next JS, Webpack, Babel, Node, Express, using GraphQL and Apollo Client
Stars: โญ 342 (+877.14%)
Mutual labels: webpack, babel, express
React Ssr Setup
React Starter Project with Webpack 4, Babel 7, TypeScript, CSS Modules, Server Side Rendering, i18n and some more niceties
Stars: โญ 678 (+1837.14%)
Mutual labels: webpack, babel, express
Tested
ECMAScript 6(as ES6/ES2015)์ผ๋ก ์์ฑํ MEAN Stack ๊ธฐ๋ฐ์ Angular Material UI๋ฅผ ์ ์ฉํ ๊ฒ์ํ ์์ค์ ๋๋ค.
DEMO http://dist.tested.co.kr
apiDoc http://discord.tested.kr/apidoc
Node.js
Node.js 6.x ๋ฏธ๋ง์ ๋ฒ์ ์ .babelrc ์ค์ ๊ฐ์ ์๋์ ๊ฐ์ด ์์ ํฉ๋๋ค.
{
"presets": "es2015"
}
์ค์น
// 1. back-end์์ ์ฌ์ฉ๋๋ node_modules ์ค์น
$ npm install // --production
// 2. front-end์์ ์ฌ์ฉ๋๋ node_modules ์ค์น
$ cd src/client
$ npm install
// 3. front-end ๋ชจ๋์ ์ฌ๋ณผ๋ฆญ ๋งํฌ ์์ฑ
// 3-1. ๋ฆฌ๋
์ค
$ cd resource/public
$ ln -s ../../src/client/node_modules/ vendor
// 3-2. ์๋์ฐ, cmd ํ๋ก๊ทธ๋จ์ ๊ด๋ฆฌ์ ๊ถํ์ผ๋ก ์คํ
$ mklink /d "C:\Tested\resource\public\vendor" "C:\Tested\src\client\node_modules"
์ด๊ธฐ ์ธํ
๊ด๋ฆฌ์ ์์ด๋, ๊ณต์ง์ฌํญ / ์ผ๋ฐ๊ฒ์ํ ์ถ๊ฐ
init function ์ค์ ๊ฐ ์์ ํ ์คํ
๊ด๋ฆฌ์ ํ์ด์ง
๊ด๋ฆฌ์ ๋ก๊ทธ์ธ ํ ์ ์ ๊ฐ๋ฅ, ๊ฒ์ํ ๋ฐ ์ฌ์ฉ์ ๊ด๋ฆฌ
Custom Style
//- resource/public/css/*.css, views/index.jade - 11 line
link(rel="stylesheet" type="text/css" href="/css/style.css")
ํด๋ ๊ตฌ์กฐ
+-- dist // ์๋ฒ ๋น๋ ํ์ผ
+-- logs // ๋ก๊ทธ
+-- resource // ์ธ๋ถ์์ ์ ๊ทผํ ์ ์๋ ์์
| +-- private // ๋น๊ณต๊ฐ ๋ฆฌ์์ค
| | +-- admin // ๊ด๋ฆฌ์ ์ ์ฉ
| +-- public // ๊ณต๊ฐ ๋ฆฌ์์ค
| | +-- css // style.css
| | +-- data // ํ์ผ ํด๋
| | | +-- file // ๊ฒ์ํ๋ณ ํ์ผ
| | | +-- temp // ์์ ํ์ผ
| | +-- langs // ์ธ์ด ํ์ผ, TinyMCE
| | +-- vendor // src\client\node_modules ์ฌ๋ณผ๋ฆญ ๋งํฌ
+-- src // ํ๋ก๊ทธ๋จ ์์ค
| +-- client // AngularJS ํด๋ผ์ด์ธํธ ์์ค
| | +-- admin // ๊ด๋ฆฌ์
| | +-- service // ์ฌ์ฉ์
| +-- server // Node.js ์๋ฒ ์์ค
+-- test // Mocha API test
+-- views // Jade template
๋น๋
$ NODE_ENV=production npm run build
//> dist/server/**
//> manifest.json
//> resource/public/bundle-*.js
//> resource/private/admin/bundle-*.js
Front-End ์ฌ๋ฐฐํฌ
๊ด๋ฆฌ์ ๋ก๊ทธ์ธ ํ ์คํ ๊ฐ๋ฅ
์๋ฒ๊ฐ ๊ตฌ๋๋์ด ์๋ ์ํ์์ Front-End ์์ค๊ฐ ๋ณ๊ฒฝ๋์์ ๋ ์ฌ์ฉ
๋น๋ ์ ์์ฑ๋ manifest.json ์ค์ ๊ธฐ์ค์ผ๋ก bundle ํ์ผ ๊ต์ฒด ์ํ
์๋ฒ ๊ตฌ๋
$ npm start // PORT=1234 NODE_ENV=localhost
API Tests
$ NODE_ENV=test npm start
$ npm test
API ๋ฌธ์
$ npm install -g apidoc
$ apidoc -i ./src/server/ -o ../apidoc/
//> ../apidoc/index.html ์คํ
Required Database
https://en.wikipedia.org/wiki/MEAN_(software_bundle)
MEAN Stack Components,- MongoDB with Mongoose
- Express
- AngularJS with Angular Material
- NodeJS
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].