1. Din Restaurang

Din restaurang erbjuder 5 maträtter och i adminpanel kan du administrera alla matsorter.

1.1 Mappstruktur

1.1.1 Frontend:

Din restaurang
src/
src/api/
src/api/index.ts
src/api/request.ts
src/app/
src/app/index.tsx
src/app/Layout.tsx
src/assets/
src/assets/burgare.jpg
src/assets/falfael.jpg
src/assets/kebab.jpg
src/assets/logo.jpg
src/assets/pannbiff.jpg
src/assets/pizza.jpg
src/assets/sushi.jpg
src/components
src/components/index.ts
src/components/WelcomeComp.tsx
src/containers
src/containers/index.ts
src/containers/App.tsx
src/containers/FoodItem.tsx
src/containers/PhotosList.tsx
src/functions/
src/functions/getData.ts
src/functions/index.ts
src/inc/
src/inc/Header.tsx
src/inc/Footer.tsx
src/inc/index.ts
src/states/
src/states/index.tsx
src/styles/
src/styles/foodItemStyles.ts
src/styles/footerStyles.ts
src/styles/global.ts
src/styles/headerStyles.ts
src/styles/index.ts
src/styles/layoutStyles.ts
src/styles/photoListStyles.ts
src/styles/welcomeStyles.ts
typings/
typings/index.ts
utils/
utils/index.ts
utils/envsVariables.ts
src/index.tsx
src/react-app-env.d.ts
public/
public/index.html
public/robots.txt
public/assets/
public/assets/icons/
public/assets/icons/favicon
public/assets/icons/favicon/android-chrome-192x192.png
public/assets/icons/favicon/android-chrome-512x512.png
public/assets/icons/favicon/apple-touch-icon.png
public/assets/icons/favicon/browserconfig.xml
public/assets/icons/favicon/favicon-16x16.png
public/assets/icons/favicon/favicon-32x32.png
public/assets/icons/favicon/favicon.ico
public/assets/icons/favicon/mstile-150x150.png
public/assets/icons/favicon/site.webmanifest
.env.example
.gitignore
.eslintrc.js
README.md
package.json
tsconfig.json
yarn.lock

Adminpanel
src/
src/api/
src/api/index.ts
src/api/request.ts
src/app/
src/app/index.ts
src/app/Layout.tsx
src/components/
src/components/Add.tsx
src/components/AdminTitleComp.tsx
src/components/Edit.tsx
src/components/FoodItem.tsx
src/components/FoodTable.tsx
src/components/index.ts
src/functions/
src/functions/AddItem.ts
src/functions/EditItem.ts
src/functions/GetData.tsx
src/functions/index.ts
src/hooks/
src/hooks/index.ts
src/hooks/useEditItem.tsx
src/assets/
src/assets/burgare.jpg
src/assets/falafel.jpg
src/assets/kebab.jpg
src/assets/logo.jpg
src/assets/pannbiff.jpg
src/assets/pizza.jpg
src/assets/sushi.jpg
src/inc/
src/inc/Header.tsx
src/inc/Footer.tsx
src/inc/index.ts
src/states/
src/states/index.ts
src/styles
src/styles/index.tsx
src/typings/
src/typings/index.ts
src/App.tsx
src/index.tsx
src/react-app-env.d.ts
public/
public/index.html
public/robots.txt
public/favicon/
public/favicon/android-chrome-192x192.png
public/favicon/android-chrome-512x512.png
public/favicon/apple-touch-icon.png
public/favicon/browserconfig.xml
public/favicon/favicon-16x16.png
public/favicon/favicon-32x32.png
public/favicon/favicon.ico
public/favicon/mstile-150x150.png
public/favicon/site.webmanifest
eslintrc.js
.env.example
.gitignore
README.md
package.json
tsconfig.json
yarn.lock

1.1.2 Backend:

src/
src/api/
src/api/index.ts
src/api/routes.ts
src/models/
src/models/index.ts
src/models/model.ts
src/typings/
src/typings/index.ts
src/server.ts
.gitignore
.eslintrc.js
package.json
README.md
tsconfig.json
yarn.lock

1.3 Programmeringsspråk som används i projektet:

HTML, Javascript och Typescript.

1.4 Ramverk/bibliotek:

React, Node JS, JSON och SASS.