-
-
-
-
-
+const RootLayout = () => (
+
+);
export default RootLayout;
diff --git a/src/main.tsx b/src/main.tsx
index 3ccb35c..60aa866 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,13 +1,14 @@
import React from "react";
import ReactDOM from "react-dom/client";
+import { BrowserRouter as Router } from "react-router-dom";
+
import App from "./App.tsx";
import "./index.css";
-import { BrowserRouter as Router } from "react-router-dom";
ReactDOM.createRoot(document.getElementById("root")!).render(
-
+ ,
);
diff --git a/src/pages/Homepage.tsx b/src/pages/Homepage.tsx
index 99c0f03..92d45c8 100644
--- a/src/pages/Homepage.tsx
+++ b/src/pages/Homepage.tsx
@@ -1,5 +1,3 @@
-const Homepage = () => {
- return
Homepage
;
-};
+const Homepage = () =>
Homepage
;
export default Homepage;
diff --git a/src/routes/AppRoutes.tsx b/src/routes/AppRoutes.tsx
index e990963..860e56b 100644
--- a/src/routes/AppRoutes.tsx
+++ b/src/routes/AppRoutes.tsx
@@ -1,15 +1,14 @@
import { Route, Routes } from "react-router-dom";
+
import RootLayout from "../components/layouts/RootLayout";
import Homepage from "../pages/Homepage";
-function AppRoutes() {
- return (
-
- }>
- } />
-
-
- );
-}
+const AppRoutes = () => (
+
+ }>
+ } />
+
+
+);
export default AppRoutes;
diff --git a/tsconfig.eslint.json b/tsconfig.eslint.json
new file mode 100644
index 0000000..81b4b95
--- /dev/null
+++ b/tsconfig.eslint.json
@@ -0,0 +1,10 @@
+{
+ "extends": "./tsconfig.json",
+ "include": [
+ "src/**/*.ts",
+ "src/**/*.tsx",
+ "postcss.config.js",
+ "tailwind.config.js",
+ "vite.config.ts"
+ ]
+}
diff --git a/tsconfig.json b/tsconfig.json
index f96d034..c1151eb 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -12,7 +12,7 @@
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
- "esModuleInterop":true,
+ "esModuleInterop": true,
"jsx": "react-jsx",
/* Linting */
@@ -21,6 +21,10 @@
"noUnusedParameters": true,
"noFallthroughCasesInSwitch": true
},
- "include": ["src"],
+ "include": [
+ "vite.config.ts",
+ ".eslintrc.cjs",
+ "src"
+ ],
"references": [{ "path": "./tsconfig.node.json" }]
}
diff --git a/vite.config.ts b/vite.config.ts
index 861b04b..d366e8c 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,7 +1,7 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react-swc";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
-})
+});
+
The front-end of Eagle E-commerce utilizes React for a modern, user-friendly interface, while Node.js powers its backend, ensuring a seamless shopping experience
[](https://codeclimate.com/github/atlp-rwanda/eagles-ec-fe/maintainability)
@@ -15,33 +17,51 @@ This project was built using the PERN (PostgreSQL, Express.js, React.js, Node.js
To run the app locally, follow these steps:
1. **Clone the repository:**
+
```bash
git clone https://github.com/atlp-rwanda/eagles-ec-fe.git
- ```
+```
+
2. **Change working dir to cloned repo:**
+
```bash
cd eagle-ec-fe
```
+
3. **Install dependencies:**
+
```bash
npm install
```
+
4. **Run developmnt server:**
+
```bash
npm run dev
- ```
+```
+
## How to run test
1. **Run unit test:**
-```bash
+
+```bash
npm run test
- ```
-2. **Tun test in watch mode
- ```bash
- npm run test:watch
- ```
-3. **Generate test coverage
-```bash
+```
+
+2. \*\*Tun test in watch mode
+
+```bash
+ npm run test:watch
+```
+
+3. \*\*Generate test coverage
+
+```bash
npm run test:coverage
- ```
-Write your test by creating a file with .test.tsx extetion under __test__ directory.
\ No newline at end of file
+```
+
+Write your test by creating a file with .test.tsx extetion under **test** directory.
+
+```
+
+```
diff --git a/hound.yml b/hound.yml
new file mode 100644
index 0000000..4e976af
--- /dev/null
+++ b/hound.yml
@@ -0,0 +1,9 @@
+eslint:
+ enabled: true
+ file_patterns:
+ - "*.js"
+ - "*.ts"
+ enabled_plugins:
+ - eslint-plugin-import
+ - eslint-plugin-prettier
+ - eslint-plugin:@typescript-eslint
diff --git a/jest.config.ts b/jest.config.ts
index ab1f10e..429eb6a 100644
--- a/jest.config.ts
+++ b/jest.config.ts
@@ -1,10 +1,10 @@
export default {
- preset: 'ts-jest',
- testEnvironment: 'jest-environment-jsdom',
+ preset: "ts-jest",
+ testEnvironment: "jest-environment-jsdom",
transform: {
- "^.+\\.tsx?$": "ts-jest"
+ "^.+\\.tsx?$": "ts-jest",
},
moduleNameMapper: {
- '\\.(gif|ttf|eot|svg|png)$': '