All Projects โ†’ CatsMiaow โ†’ Tested

CatsMiaow / Tested

Licence: mit
Angular Material in MEAN Stack Website Source

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
Online Bling
Stars: โœญ 9 (-74.29%)
Mutual labels:  webpack, babel, 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"

์ดˆ๊ธฐ ์„ธํŒ…

http://domain.com:PORT/init

๊ด€๋ฆฌ์ž ์•„์ด๋””, ๊ณต์ง€์‚ฌํ•ญ / ์ผ๋ฐ˜๊ฒŒ์‹œํŒ ์ถ”๊ฐ€
init function ์„ค์ •๊ฐ’ ์ˆ˜์ • ํ›„ ์‹คํ–‰

๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€

http://domain.com:PORT/admin

๊ด€๋ฆฌ์ž ๋กœ๊ทธ์ธ ํ›„ ์ ‘์† ๊ฐ€๋Šฅ, ๊ฒŒ์‹œํŒ ๋ฐ ์‚ฌ์šฉ์ž ๊ด€๋ฆฌ

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 ์žฌ๋ฐฐํฌ

http://domain.com:PORT/deploy

๊ด€๋ฆฌ์ž ๋กœ๊ทธ์ธ ํ›„ ์‹คํ–‰ ๊ฐ€๋Šฅ
์„œ๋ฒ„๊ฐ€ ๊ตฌ๋™๋˜์–ด ์žˆ๋Š” ์ƒํƒœ์—์„œ 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
MEAN Stack Components, https://en.wikipedia.org/wiki/MEAN_(software_bundle)
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].