Project Uploaded

Trendyol-Front-End-Bootcamp · Jul 24, 2021 · c471e7e · c471e7e
1 parent 2fcf131
commit c471e7e
Show file tree

Hide file tree

Showing 26 changed files with 18,044 additions and 2 deletions.
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,6 @@
+{
+  "presets": [
+    ["env", { "modules": false }],
+    "stage-3"
+  ]
+}
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,12 @@
+.DS_Store
+node_modules/
+dist/
+npm-debug.log
+yarn-error.log
+
+# Editor directories and files
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
diff --git a/README.md b/README.md
@@ -1,2 +1,26 @@
-# week-4-vue-gokberk-otlu
-Starwars Api Vue.js App
+# 112 Trendyol Front-End Bootcamp | Week-4 Homework
+
+## Content of StarWars App
+
+- This Vue.js project lists Starwars starships with details. Starships can be searched with their name and model.
+
+![](screenshots/starwars-app-landing.png)
+
+- Starships in list can be shown on a new screen with more details by clicking starship card.
+
+![](screenshots/starwars-app-detail.png)
+
+## Build Setup
+
+``` bash
+# install dependencies
+npm install
+
+# serve with hot reload at localhost:8080
+npm run dev
+
+# build for production with minification
+npm run build
+```
+
+For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).
diff --git a/index.html b/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <title>starwars-app</title>
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css"
+    integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
+</head>
+
+<body>
+  <div id="app"></div>
+  <script src="/dist/build.js"></script>
+</body>
+
+</html>