XiaolinGe / js-react-website

A customer front-end website written by javascript(ES6)+React+Flux(Redux)+Webpack

Description

This is a customer front-end website project developed by React, React-Bootstrap, SASS, Redux, React Router and Webpack.

Quick Start

git clone [e-mail]:XiaolinGe/js-react-website.git

npm run dev

Techs & Tools

Webpack

Webpack is module bundler, it takes your dependencies, puts them through loaders and outputs browser compatible static assets. All of this is based on configuration.

SASS/CSS

Sass is css preprocessor, it is an extension of CSS that allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax.

React/ReactBoostrap

React is a javascript library for building user interfaces.

React-Bootstrap is a library of reusable front-end components. It is based on React and Bootstrap.

Flux/Redux

Flux is the application architecture for building client-side web applications. It complements React’s composable view components by utilizing a unidirectional data flow.

Redux is a predictable state container for JavaScript apps.

React Router

React-router is a complete routing library for React. It keeps your UI in sync with the URL.

APIs

/api/data

data structure

description	Get all the information of the entire website
URL path	/api/data
URL method	GET

{
    "infos": {
        "name": "1",
        "pobox": "1",
        "district": "1",
        "city": "1,",
        "country": "1",
        "phone": "1",
        "email": "1",
        "logo": "1",
        "wechat": "1"
    },
    "menus": [{"url": "1", "display": "1"} ...],
    "languages": [{"language": "1"} ...],
    "footerMenus": [{"url": "1", "display": "1"} ...],
    "portfolios": [{"url": "1", "image": "1", "title": "1} ...],
    "services": [{"url": "1", "image": "1", "title": "1"} ...],
    "faqs": [{"question": "1", "answer": "1"} ...]
}