optimization wip

Author: nishkohli96

README.md

@@ -10,7 +10,7 @@ You can clone the full repo and keep only the packages you need in your monorepo
 - [React](https://reactjs.org/), [NestJs](https://nestjs.com/), [ExpressJS](https://expressjs.com/), [NestJS](https://nestjs.com/)
 - 100% [Typescript](https://www.typescriptlang.org/)
 - [Prettier](https://prettier.io/) and [Eslint](https://eslint.org/) setup alongside `pre-commit` hook.
-- [Mui v6](https://mui.com/) alongside theme change preconfigured.
+- [Mui v7](https://mui.com/) alongside theme change preconfigured.
 - [Dockerize](https://docs.docker.com/) images
 - Github Actions to build apps and publish their docker images
 

apps/express-server/src/app-constants/index.ts

@@ -4,9 +4,9 @@ import express, {
   type Response
 } from 'express';
 import cors from 'cors';
-import { ENV_VARS } from '@/app-constants';
+import { ENV_CONFIG } from '@/constants';
 import { requestLogger } from '@/middleware';
-import * as Routes from '@/routes';
+import { routesList } from '@/routes';
 
 const app: Express = express();
 
@@ -17,10 +17,15 @@ app.use(cors());
 app.use(requestLogger);
 
 app.get('/', (_: Request, response: Response) => {
-  response.status(200).send(`ENV: ${ENV_VARS.env} - Api is up & running!!!`);
+  response.status(200).json({
+    env: ENV_CONFIG.env,
+    message: 'Api is up & running!!!'
+  });
 });
 
-app.use('/api/auth', Routes.authRouter);
+routesList.forEach(route => {
+  app.use(route.path, route.router);
+});
 
 /* 404 Handler - To be written at last */
 app.get('*', (req: Request, response: Response) => {

apps/express-server/src/app.ts

@@ -5,7 +5,7 @@
 
 const env = process.env;
 
-export const ENV_VARS = Object.freeze({
+export const ENV_CONFIG = Object.freeze({
   env: env.NODE_ENV ?? 'development',
   port: env.PORT ?? 8000
 });

apps/express-server/src/app-constants/env_vars.ts renamed to apps/express-server/src/constants/environment.ts

@@ -0,0 +1 @@
+export * from './environment';

apps/express-server/src/constants/index.ts

@@ -17,12 +17,12 @@
 import 'dotenv/config';
 import os from 'os';
 import { createServer } from 'node:http';
-import { ENV_VARS } from '@/app-constants';
+import { ENV_CONFIG } from '@/constants';
 import { winstonLogger } from '@/middleware';
 import app from './app';
 
 const hostName = os.hostname();
-const port = ENV_VARS.port;
+const { port, env } = ENV_CONFIG;
 
 function bootstrap() {
   /* DB Connection Logic */
@@ -39,7 +39,7 @@ function bootstrap() {
 
   server.listen(port, () => {
     winstonLogger.info(
-      `[ ⚡️ ${hostName} ⚡️ ] - Server running on port ${port}`
+      `[ ⚡️ ${hostName}@${env} ⚡️ ] - Server running on port ${port}`
     );
   });
 }

apps/express-server/src/index.ts

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
 
 import { createLogger, addColors, format, transports } from 'winston';
-import { ENV_VARS } from '@/app-constants';
+import { ENV_CONFIG } from '@/constants';
 
 const { combine, timestamp, printf } = format;
 
@@ -72,7 +72,7 @@ addColors(customLevels.colors);
  * `${info.level}: ${info.message} JSON.stringify({ ...rest }) `
  */
 
-if (ENV_VARS.env !== 'production') {
+if (ENV_CONFIG.env !== 'production') {
   winstonLogger.add(
     new transports.Console({ format: format.colorize({ all: true }) })
   );

apps/express-server/src/middleware/winston-logger.ts

@@ -5,8 +5,7 @@ import type * as AuthTypes from './types';
 const authRouter = Router();
 
 authRouter.get('/test', function printHello(_, res: Response) {
-  return res.status(200).send('Hello World !!')
-    .end();
+  return res.status(200).send('Hello World !!').end();
 });
 
 /* Login user */

apps/express-server/src/routes/auth/controller.ts

@@ -1,3 +1,20 @@
+import { type Router} from 'express';
 import { authRouter } from './auth/controller';
 
-export { authRouter };
+type RouteInfo = {
+  path: string;
+	router: Router;
+}
+
+function generatePrefix(routeName: string) {
+	return `/api${routeName}`;
+}
+
+const routesList: RouteInfo[] = [
+  {
+		path: generatePrefix('/auth'),
+		router: authRouter
+	}
+];
+
+export { routesList };

apps/express-server/src/routes/index.ts

@@ -3,6 +3,7 @@
  *
  * https://zenoo.github.io/mui-theme-creator/
  * https://m2.material.io/inline-tools/color/
+ * https://bareynol.github.io/mui-theme-creator/
  */
 
 export const LightThemePalette = {

apps/next-client/src/theme/palette.ts

@@ -1,6 +1,9 @@
 /**
- *	Dark mode with MUI.
- *  https://mui.com/material-ui/customization/dark-mode/
+ * Check out these resources for building theme -
+ *
+ * https://zenoo.github.io/mui-theme-creator/
+ * https://m2.material.io/inline-tools/color/
+ * https://bareynol.github.io/mui-theme-creator/
  */
 
 export const LightThemePalette = {