syxou / reactwp

Training project use: react, express.js, knex.js, objection.js and more

Reactwp This my training project.

It's a web software for creating and changing web sites. You can add pages, create custom posts, create fields for posts. And change it.

Tech

Reactwp uses a number of open source projects to work properly:

• React.js - A JavaScript library for building user interfaces
• knex.js - "batteries included" SQL query builder
• objection.js - An SQL-friendly ORM for Node.js
• node.js - evented I/O for the backend
• Express - fast node.js network app framework [@tjholowaychuk]
• ant.design - @3.x A design system with values of Nature and Determinacy for better user experience of enterprise applications
• jwt - JSON Web Tokens

Installation

Reactwp requires Node.js v10 to run.

Install the dependencies and devDependencies and start the front-end.

$ cd reactwp
$ cd reactwp-fe
$ npm i
$ npm start

Create a database and create a first records

1. Start you mysql server
2. Create a new database named reactwp

3.  $ cd reactwp-be
    $ touch knexfile.js

4. add code below in file, replacing the user and password to the database

module.exports = {
    development: {
        client: 'mysql',
        connection: {
            host: 'localhost',
            database: 'reactwp',
            user: 'root',
            password: 'root'
        },
        migrations: {
            directory: 'src/migrations'
        },
        seeds: {
            directory: 'src/seeds'
        }
    },
};

Install the dependencies, devDependencies, and start the back-end.

$ cd reactwp
$ cd reactwp-be
$ npm i
$ knex migrate:latest
$ knex seed:run
$ npm run dev