Coder Social home page Coder Social logo

nohgijin / hkb-13 Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 880 KB

๐Ÿ’ต ์šฐ์•„ํ•œ ํ…Œํฌ์บ ํ”„ ๊ฐ€๊ณ„๋ถ€ - ๋…ธ๊ธฐ์ง„, ํ•œ๊ทœํ˜„

License: MIT License

JavaScript 76.29% HTML 0.44% CSS 23.28%

hkb-13's Introduction

HKB-13

โœ”๏ธ Our Project Page

โœ‹Team Members

  • title
  • title

Project description

์›”๊ฐ„ ์†Œ๋น„ ๋ฐ ์ง€์ถœ์— ๋Œ€ํ•œ report๋ฅผ ์ž‘์„ฑํ•˜๊ณ , ๋‚ด์—ญ ๋ฐ ์›”๋ณ„/์นดํ…Œ๊ณ ๋ฆฌ๋ณ„ ํ†ต๊ณ„๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐœ์ธ ๊ฐ€๊ณ„๋ถ€ ์„œ๋น„์Šค.

Requirements

  • Observable
  • Client Routing
  • Passport
  • Oauth
  • Automatic deploy
  • Data visualization

๐ŸงžQuick Start

1. Clone & Install Packages

git clone https://github.com/woowa-techcamp-2020/hkb-13
cd hbk-13
npm install

2. Configuration database

Follow config.example.js to config folder

const config = {
  DB_HOST: '',
  DB_NAME: '',
  DB_USER: '',
  DB_PW: '',
}

module.exports = { config }

3. Configuration passport

Follow githubPassport.example.js to config folder

const githubConfig = {
  CLIENT_ID: '',
  CLIENT_SECRET: '',
  CALLBACK_URL: 'http://13.125.215.184:3000/login/github/callback',
}
module.exports = { githubConfig }

Follow googlePassport.example.js to config folder

const googleConfig = {
  CLIENT_ID: '',
  CLIENT_SECRET: '',
  CALLBACK_URL: 'http://localhost:3000/login/google/callback',
}

module.exports = { googleConfig }

4. NPM scripts

start both server and client

npm start

start server

npm run start:server

start client

npm run start:client

build production artifacts

npm run build

Then, you can access to your server http://localhost:3000/


Technologies Used

Frontend

  • title
  • title
  • title
  • title
  • title

Backend

  • title
  • title
  • title
  • title

ETC

  • title
  • title
  • title
  • title

Documentations


ํ”„๋กœ์ ํŠธ ๊ตฌ์กฐ

|--hkb-13
    |-- dist  
    |
    |-- public
    |
    |-- src
    |   |-- client  // Frontend
    |   |   |-- api // Client API ๊ด€๋ จ ํŒŒ์ผ ๋ชจ์Œ
    |   |   |
    |   |   |-- models // observer ํŒจํ„ด ๋ชจ๋ธ ํŒŒ์ผ
    |   |   |
    |   |   |-- scripts
    |   |   |   |-- calendar
    |   |   |   |   ...  // ์บ˜๋ฆฐ๋” ํŒŒ์ผ ๋ชจ์Œ
    |   |   |   |
    |   |   |   |-- navigation
    |   |   |   |   ...  // ๋„ค์ด๊ฒŒ์ด์…˜ ํŒŒ์ผ
    |   |   |   |
    |   |   |   |-- notFound
    |   |   |   |   ...  // ์˜ค๋ฅ˜ ํŒŒ์ผ
    |   |   |   |
    |   |   |   |-- reportsList  
    |   |   |   |   ...  // ๊ฑฐ๋ž˜๋‚ด์—ญ ํŒŒ์ผ ๋ชจ์Œ
    |   |   |   |
    |   |   |   |-- store
    |   |   |   |   ...  // ์˜ต์ €๋ฒ„ ํŒจํ„ด ํŒŒ์ผ ๋ชจ์Œ
    |   |   |   |
    |   |   |   |-- statistics
    |   |   |   |   ...  // ํ†ต๊ณ„ ํŒŒ์ผ ๋ชจ์Œ
    |   |   |   |
    |   |   |
    |   |   |-- styles
    |   |   |   |
    |   |   |   |-- components
    |   |   |   |   ...  // ์ปดํฌ๋„ŒํŠธ๋ณ„ ์Šคํƒ€์ผ
    |   |   |   |
    |   |   |
    |   |   |-- utils
    |   |   |   ...  // ๊ณตํ†ต ์‚ฌ์šฉ ํ•จ์ˆ˜ ๋ชจ์Œ
    |   |   |
    |   |   |-- views
    |   |   |   ...  // html ํŒŒ์ผ
    |   |   |    
    |   |
    |   |-- config // database, passport config ํŒŒ์ผ ๋ชจ์Œ
    |   |
    |   |-- server  // Backend
    |   |   |
    |   |   |-- controller
    |   |   |   ...  // ๋ผ์šฐํ„ฐ ์š”์ฒญ์— ๋”ฐ๋ฅธ ์ž‘์—… ์ฒ˜๋ฆฌ
    |   |   |
    |   |   |-- model
    |   |   |   ...  // ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์ž‘์—… ์ฒ˜๋ฆฌ
    |   |   |
    |   |   |-- router
    |   |   |

hkb-13's People

Contributors

nohgijin avatar dnacu avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.