Rate limit

apps/alpsbte-api/src/app/routes/assets.ts

@@ -6,6 +6,8 @@ import { nameOf } from '@alpsbte/shared/util';
 
 export const assets = express.Router();
 
+
+
 assets.get('/', (req: Request, res: Response) => {
   return res.send(nameOf({ assets }));
 });

apps/alpsbte-api/src/app/routes/base.ts

@@ -4,5 +4,6 @@ import { Request, Response } from 'express';
 export const base = express.Router();
 
 base.get(`/`, async (req: Request, res: Response) => {
-  return res.send('Welcome to Alps BTE API');
+  return res.send('Welcome to the Alps BTE API');
 });
+

apps/alpsbte-api/src/main.ts

@@ -1,5 +1,6 @@
 import * as express from 'express';
 import * as cors from 'cors';
+import * as rateLimit from 'express-rate-limit'
 import { config } from './config';
 
 import { base, assets } from './app/routes';
@@ -10,6 +11,14 @@ const app = express();
 app.use(cors('*'));
 app.use(express.json());
 
+
+
+const limiter = rateLimit({
+  windowMs: 10 * 60 * 1000, 
+  max: 200
+});
+app.use(limiter);
+
 app.get('/', (req: express.Request, res: express.Response) => {
   return res.redirect(`/${config.base}`);
 });

libs/faq/src/components/accordeon/accordeon.scss

@@ -1,13 +1,12 @@
 @use "theme:variables" as variables;
 
 .accordion {
-  background-color: white;
+  background-color: variables.$white;
   width: 60%;
   font-weight: variables.$font-weight-bold;
   margin: 3%;
   overflow: hidden;
   margin-left: 20%;
-  border-radius: 10px;
   box-shadow: 1px 3px 2px 1px rgba(0, 0, 0, 0.1);
 
   &__container {

package.json

@@ -42,12 +42,14 @@
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/react-fontawesome": "^0.1.15",
     "@storybook/preset-scss": "^1.0.3",
+    "@types/express-rate-limit": "^5.1.3",
     "@types/object-path": "^0.11.1",
     "@types/react-router-dom": "^5.1.8",
     "add": "^2.0.6",
     "core-js": "^3.6.5",
     "cors": "^2.8.5",
     "express": "4.17.1",
+    "express-rate-limit": "^5.3.0",
     "framer-motion": "^4.1.17",
     "localforage": "^1.10.0",
     "mobx": "^6.3.2",