Skip to content

Commit 57918d6

Browse files
Update README.md
1 parent 25eb066 commit 57918d6

File tree

1 file changed

+61
-1
lines changed

1 file changed

+61
-1
lines changed

README.md

Lines changed: 61 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,61 @@
1-
### React Admin and Loopback 4 Crud Sample
1+
# React Admin and Loopback 4 Crud Sample
2+
3+
4+
## Getting started
5+
6+
This is a sample with a React Admin and Loopback4 to implement Crud operations on `products` and `users` by requesting APIs with LoopBack4 Provider that you can install with `npm install react-admin-loopback4-adapted`.
7+
8+
9+
## Installation
10+
11+
12+
### Install node v12.18.3 with nvm
13+
14+
follow the instructions to get node in your local machine
15+
`sudo apt install curl`,
16+
`curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash`,
17+
`source ~/.profile ` ,
18+
`nvm install v12.18.3`,
19+
`nvm use v12.18.3`.
20+
21+
### Install npm
22+
23+
install the node package manager with the command `sudo apt install npm`, and check the npm version with `npm -v`.
24+
25+
### Setting up mongoDb
26+
27+
install mongoDb from the official website `https://docs.mongodb.com/manual/tutorial/install-mongodb-on-ubuntu/` and follow the guide to get the final release `MongoDB 4.4`.
28+
29+
**note** : _if an error occur when you try to open the mongodb console with the command `mongo` check if the `mongod.service` is in active state with the command `sudo systemctl status mongod.service`_ , you can activate the `mongod.service` with the command `sudo systemctl start mongod.service`,
30+
if you want to activate `mongod.service` automatically on startup of ubuntu use the following comands:
31+
`sudo systemctl enable mongod.service` then `sudo systemctl start mongod.service`.
32+
33+
34+
### Setting up mongodb Complass
35+
36+
install mongodb Compass from the official website `https://www.mongodb.com/try/download/compass` and follow instructions to get it on your local machine.this tool helps you to manage easily your database.
37+
38+
### Install the dependencies
39+
40+
After cloning the project with `git clone https://github.com/PlanetConectus/LoopBack4ReactAdminExample.git` get inside the `ecommerce` folder in both `Frontreactadmin` and `BackendLoopbackV4` folders and install the node packages with the commande `npm install`.
41+
42+
43+
## Start launching the apps
44+
45+
in this project we tried to reduce complexity for you to get both the frontend server and the backend server in the same local machine to do this we force the binding port for the Loopback4 server to `3001`
46+
in the `LoopBack4ReactAdminExample/BackendLoopbackV4/ecommerce/src/index.ts` file, this is because you cant bind two processes to the same `[IP:PORT]` in our case the binding IP is `127.0.0.1` it's known as `localhost` , this modification will prevent `CORS blocks` by you navigator,to solve this problem we use the integrated node proxy by adding this line `"proxy": "http://localhost:3001"` in the
47+
48+
49+
50+
51+
**note** in this sample the authentication is not integrated we will complete it's logic in the next tutorial
52+
53+
54+
55+
56+
57+
58+
59+
60+
61+

0 commit comments

Comments
 (0)