Microservices With Node Js And React Download (CONFIRMED ★)

// Publish event await publisher.publish('user-created', JSON.stringify(newUser));

react-frontend: build: ./frontend/react-app ports: - "3000:3000" environment: - REACT_APP_API_URL=http://api-gateway:5000

Run everything with:

function App() { const [users, setUsers] = useState([]); const [name, setName] = useState(''); const [email, setEmail] = useState('');

return ( <div> <h1>Microservices User Management</h1> <form onSubmit={createUser}> <input placeholder="Name" value={name} onChange={(e) => setName(e.target.value)} /> <input placeholder="Email" value={email} onChange={(e) => setEmail(e.target.value)} /> <button type="submit">Add User</button> </form> <ul> {users.map(user => ( <li key={user._id}>{user.name} - {user.email}</li> ))} </ul> </div> ); } microservices with node js and react download

version: '3.8' services: user-service: build: ./services/user-service ports: - "4001:4001" environment: - MONGO_URI=mongodb://mongo-users:27017/usersdb depends_on: - mongo-users mongo-users: image: mongo ports: - "27017:27017"

const fetchUsers = async () => { const response = await axios.get( ${API_GATEWAY}/users ); setUsers(response.data); }; // Publish event await publisher

// User Schema const userSchema = new mongoose.Schema({ name: String, email: String, createdAt: { type: Date, default: Date.now }, });