This tool console is an internal management system for the Social Listening Tool
. Through this tool, we can easily query all user information. e.g.
add users, delete users and download all user information. And also we can query and download all the existing universes information. Let's get started!
This project consists a front-end and a back-end. The front-end is in the client folder, and the back-end is the server. The back-end queries the MongoDB
and returns to the front-end through the API
.
This is a typical MEVN
full stack project for practice purposes. MEVN
these 4 letters respectively indicate MongoDb
/ ExpressJS
/ Vue
/ NodeJS
.
- Clone the whole project
- Install dependencies. Run
npm install
in client and server - Start the server
- Create a
.env
under the server folder and add the environments to it. - Run
npm start
to launch theserver
, besides we also havenpm run dev
fordev
mode
- Create a
- Run
npm run serve
under the client folder to launch the web app
Enjoy it!
There are many ways to deploy to a remote server. Here are two methods I have succeed.
-
Similar to the above
setup
, clone and install dependencies -
Build the client to create the
dist
folder.-
You can run
npm run build
under the client folder to create thedist
folder and then move it to the server folder, but we have a better way make it directly -
Run
npm run sbuild
. This command can build and move it to the right place directly
-
-
In this way, we use the
pm2
to host our app. If you haven't install it before. Install it withnpm install pm2 -g
. Refer: pm2 -
Under the server folder, run
NODE_ENV=production pm2 start app.js --update-env
-
Done!
Similar to the above, build and move the dist to the server folder. We need to deploy the server folder to the Azure App Service
. I recommend to use the VS code
extension to deploy. This is quite easy. Refer: Deploy Express.js to Azure App Service using Visual Studio Code
- fetch all users
- search user
- add user
- delete user
- download user list
- fetch existing universes
- search universe
- download all universes
- login Page
- adapt to small screen
- enter to login in login page
- deploy to Azure
- jwt
- list scroll issue keep the bar at the top