feat: change architecture, add css base files

rebase-agency · Jan 23, 2024 · 269d2b8 · 269d2b8
1 parent d1641df
commit 269d2b8
Show file tree

Hide file tree

Showing 12 changed files with 75 additions and 52 deletions.
diff --git a/README.md b/README.md
@@ -26,7 +26,7 @@ yarn start
 ```
 
 ## Features
-- Starting FSD architecture
+- Starting module architecture
 - Typescript
 - Eslint & Prettier
 - Support of runtime environment variables with dynamic values

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rebase-agency/cra-template",
-  "version": "1.1.4",
+  "version": "1.2.0",
   "keywords": [
     "react",
     "create-react-app",

diff --git a/template/src/app/App.tsx → template/src/App.tsx b/template/src/app/App.tsx → template/src/App.tsx
@@ -1,5 +1,5 @@
 import { BrowserRouter, Routes, Route } from "react-router-dom";
-import StartPage from "../pages";
+import StartPage from "./pages";
 
 export const App = () => {
   return (

diff --git a/template/src/app/styles/global.css b/template/src/app/styles/global.css
diff --git a/template/src/shared/assets/css/colors.css → template/src/assets/css/colors.css b/template/src/shared/assets/css/colors.css → template/src/assets/css/colors.css
@@ -1,3 +1,2 @@
 :root {
-
 }
diff --git a/template/src/assets/css/global.css b/template/src/assets/css/global.css
@@ -0,0 +1,6 @@
+html,
+body {
+  font-family: sans-serif;
+  line-height: 1.6;
+  font-weight: 400;
+}
diff --git a/template/src/assets/css/reset.css b/template/src/assets/css/reset.css
@@ -0,0 +1,58 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  font-weight: 400;
+  margin: 0;
+}
+
+a {
+  text-decoration: none;
+  color: inherit;
+}
+
+button {
+  border: none;
+  background-color: transparent;
+  outline: none;
+  padding: 0;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: inherit;
+}
+
+ol,
+ul {
+  margin: 0;
+  list-style: none;
+  padding: 0;
+}
+
+input {
+  border: none;
+  width: 100%;
+  outline: none;
+  color: inherit;
+  font-size: inherit;
+  font-family: inherit;
+  padding: 0;
+  background-color: transparent;
+}
+
+svg,
+img {
+  vertical-align: middle;
+  width: 100%;
+  height: auto;
+}
diff --git a/template/src/core/apiInstance.ts b/template/src/core/apiInstance.ts
@@ -0,0 +1,6 @@
+import axios from "axios";
+import { env } from "./env";
+
+export const apiInstance = axios.create({
+  baseURL: env.API_URL ?? "",
+});
diff --git a/template/src/index.tsx b/template/src/index.tsx
@@ -1,10 +1,10 @@
 import "normalize.css";
 
-import "./shared/assets/css/reset.css";
+import "./assets/css/reset.css";
 import "./app/styles/global.css";
 
 import ReactDOM from "react-dom/client";
-import { App } from "./app/App";
+import { App } from "./App";
 import reportWebVitals from "./reportWebVitals";
 
 const root = ReactDOM.createRoot(

diff --git a/template/src/shared/api/axiosInstance.ts b/template/src/shared/api/axiosInstance.ts
diff --git a/template/src/shared/assets/css/reset.css b/template/src/shared/assets/css/reset.css
diff --git a/template/src/shared/index.ts b/template/src/shared/index.ts