dockerfarm / dockerfarm-frontend

Docker Farm FrontEnd Project

DockerFarm-frontend

DockerFarm is a system that can easily manage a Docker.

We are currently in beta service https://dockerfarm.io

Demo Image

✨ Feature

• DashBoard
• EndPoint Management
• Registry Management
• Container Management
• Image Management
• Volumne Management
• Network Management
• Swarm Management
• Event Log

Built With

• react
• redux
• redux-pender
• semantic-ui-react
• socket.io-client
• styled-components
• immutable.js
• react-intl

Browsers support

IE / Edge	Firefox	Chrome	Safari	iOS Safari	Samsung	Opera
IE11, Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions	last 2 versions	last 2 versions

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

Development setup

1. First, Install yarn global

2. Second, Clone this Project & Install node module via yarn

//clone project
git clone https://github.com/DockerFarm/DockerFarm-frontend.git

//move project folder
cd DockerFarm-frontend

//install node module
yarn

3. Finally Starting Project via npm script

yarn start
//launch browser and navigate to http://localhost:3000

License

This project is licensed under the MIT License

dockerfarm-frontend's Issues

Redux 기본틀 생성

Redux store, action, reducer 기본 셋팅 하기

비동기 모듈로 어떤걸 추가할지 결정

• redux-thunk
• redux-saga
• redux-pender
• redux-promise
  ....

React Styleing 모듈 셋팅

React 스타일링 모듈로 어떤걸 사용할지 정하고 셋팅

• Sass & classnames
• styled components
• pure css

React Router 관련 셋팅

React Router 모듈 설치 및 관련 기본 셋팅

Material 관련 기본 페이지 마크업

Material UI 쪽 관리자 샘플 찾아보고 기본 마크업 작성하기

작성 후 컴포넌트별 분리 라우터 작성

로그인 화면 개발

• 로그인화면 레이아웃
• 스타일링
• 라우팅 적용
• 로그인 API 연동처리

Social 로그인 기능 개발

• Google Social Login
• Github Social Login
• Redirection 처리

Http 네트워킹 모듈 추가 및 테스트

네트워킹시 사용할 모듈 셋팅 후 Redux와 연동해서 테스트 해보기