Lightning Design System and React Reference Application

This repository is the home of Lightning Realty, a reference application built with React and the Lightning Design System.

Check out this video for a quick walkthrough:

Video

The back-end is built with Node.js using a Postgres database.

Automatic Deployment to Heroku

  1. Make sure you are logged in to the Heroku Dashboard

  2. Click the Button below to deploy the application on Heroku.

Deploy

Your own instance of the application is automatically deployed, and your own Postgres database is populated with sample data.

Local Installation

Follow the instructions below if you prefer to install the application on your local machine:

  1. Install Postgres locally and create a database called realty.

  2. Clone this repository or download and unzip this zip file.

  3. Navigate to the lightning-react-app directory and install the project dependencies:

    npm install
    
  4. Open server/config.js and make sure the databaseURL matches your configuration (use your user name)

  5. Type the following command to build the client application:

    npm run webpack
    

    The project is written using ECMAScript 6 including ECMAScript 6 modules.

  6. Type the following command to start the server:

    npm start
    

    The database is automatically populated

  7. Open a browser and access http://localhost:5000

Work in Progress

This project is work in progress. For example, here are some items that still need work:

  • Make components more robust and general purpose
  • Create more components
  • Fix React keys throughout the project
  • Improved navigation system
  • etc.


Lightning Design System and React Reference Application

这个资料库是Lightness Realty 的家,这是一个使用 React 闪电设计系统

查看此视频以进行快速演练:

后端使用 Postgres 数据库 Node.js 构建。

自动部署到Heroku

  1. Make sure you are logged in to the Heroku Dashboard

  2. Click the Button below to deploy the application on Heroku.

您自己的应用程序实例自动部署,您自己的Postgres数据库将填充样本数据。

本地安装

如果您希望在本地计算机上安装应用程序,请按照以下说明进行操作:

  1. Install Postgres locally and create a database called realty.

  2. Clone this repository or download and unzip this zip file.

  3. Navigate to the lightning-react-app directory and install the project dependencies:

    npm install
    
  4. Open server/config.js and make sure the databaseURL matches your configuration (use your user name)

  5. Type the following command to build the client application:

    npm run webpack
    

    The project is written using ECMAScript 6 including ECMAScript 6 modules.

  6. Type the following command to start the server:

    npm start
    

    The database is automatically populated

  7. Open a browser and access http://localhost:5000

正在进行中

这个项目正在进行中。例如,以下是一些仍需要工作的项目:

  • 使组件更健壮,更通用
  • 创建更多组件
  • 在整个项目中修复React键
  • 改进的导航系统
  • 等。




相关问题推荐