Sagi-o / lecturers

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Lecturers

This project was generated using Nx.

How to run this application

Run npm i

Run nx serve backend-nest for the backend NestJS server, will be served on http://localhost:3333/.

Run nx serve frontend-react for the frontend React application. Navigate to http://localhost:4200/.

Filtering

Filtering is done on the server, server can get languageIds query param like: ?languageIds=1,2,3,.. parse it, and return results to the frontend that consumes it.
There is an advantage with server side filtering because:
1. Not all data is found on the frontend application, especailly when working with large amounts of data
2. It can be huge performance issue to make it on the frontend
3. Filtering on the server makes sense becasue logic is on server and no matter which application asks to filter by languageIds - its exposed through the API

Dependncy Graph of the project

Screen Shot 2022-08-15 at 15 56 12

backend-nest - NestJS Server
frontend-react - React Frontend
data-access - Library used as a fetch-layer, exposes API services for data access
shared-models - Library that exposes shared models between the applications

Screenshots (app is responsive, and supports local CREATE/GET/DELETE operations)

Screen Shot 2022-08-15 at 16 03 55

Screen Shot 2022-08-15 at 16 04 12

Screen Shot 2022-08-15 at 16 04 29

Screen Shot 2022-08-15 at 16 04 43

About


Languages

Language:TypeScript 98.7%Language:HTML 1.0%Language:JavaScript 0.3%