Final group capstone - Book an Appointment

.babelrc

@@ -0,0 +1,6 @@
+{
+  "presets": [
+      "@babel/preset-react"
+  ],
+  "plugins": ["@babel/plugin-syntax-jsx"]
+}

.eslintrc.json

@@ -0,0 +1,27 @@
+{
+  "env": {
+    "browser": true,
+    "es6": true,
+    "jest": true
+  },
+  "parser": "@babel/eslint-parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 2018,
+    "sourceType": "module"
+  },
+  "extends": ["airbnb", "plugin:react/recommended", "plugin:react-hooks/recommended"],
+  "plugins": ["react"],
+  "rules": {
+    "react/jsx-filename-extension": ["warn", { "extensions": [".js", ".jsx"] }],
+    "react/react-in-jsx-scope": "off",
+    "import/no-unresolved": "off",
+    "no-shadow": "off"
+  },
+  "ignorePatterns": [
+    "dist/",
+    "build/"
+  ]
+}

.github/workflows/linters.yml

@@ -0,0 +1,45 @@
+name: Linters
+
+on: pull_request
+
+env:
+  FORCE_COLOR: 1
+
+jobs:
+  eslint:
+    name: ESLint
+    runs-on: ubuntu-22.04
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: "12.x"
+      - name: Setup ESLint
+        run: |
+          npm install --save-dev eslint@7.x eslint-config-airbnb@18.x eslint-plugin-import@2.x eslint-plugin-jsx-a11y@6.x eslint-plugin-react@7.x eslint-plugin-react-hooks@4.x @babel/eslint-parser@7.x @babel/core@7.x  @babel/plugin-syntax-jsx@7.x @babel/preset-env@7.x  @babel/preset-react@7.x
+          [ -f .eslintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/react-redux/.eslintrc.json
+          [ -f .babelrc ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/react-redux/.babelrc
+      - name: ESLint Report
+        run: npx eslint .
+  stylelint:
+    name: Stylelint
+    runs-on: ubuntu-22.04
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v1
+        with:
+          node-version: "12.x"
+      - name: Setup Stylelint
+        run: |
+          npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x
+          [ -f .stylelintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/react-redux/.stylelintrc.json
+      - name: Stylelint Report
+        run: npx stylelint "**/*.{css,scss}"
+  nodechecker:
+    name: node_modules checker
+    runs-on: ubuntu-22.04
+    steps:
+      - uses: actions/checkout@v2
+      - name: Check node_modules existence
+        run: |
+          if [ -d "node_modules/" ]; then echo -e "\e[1;31mThe node_modules/ folder was pushed to the repo. Please remove it from the GitHub repository and try again."; echo -e "\e[1;32mYou can set up a .gitignore file with this folder included on it to prevent this from happening in the future." && exit 1; fi

.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

.stylelintrc.json

@@ -0,0 +1,20 @@
+{
+  "extends": ["stylelint-config-standard"],
+  "plugins": ["stylelint-scss", "stylelint-csstree-validator"],
+  "rules": {
+    "at-rule-no-unknown": [
+      true,
+      {
+        "ignoreAtRules": ["tailwind", "apply", "variants", "responsive", "screen"]
+      }
+    ],
+    "scss/at-rule-no-unknown":  [
+      true,
+      {
+        "ignoreAtRules": ["tailwind", "apply", "variants", "responsive", "screen"]
+      }
+    ],
+    "csstree/validator": true
+  },
+  "ignoreFiles": ["build/**", "dist/**", "**/reset*.css", "**/bootstrap*.css", "**/*.js", "**/*.jsx"]
+}

README.md

@@ -1 +1,124 @@
-# cars-bnb-frontend
+# Cars BnB App
+
+## Welcome! 👋
+
+> #### Cars BnB App
+>
+> This is a simple app that allows users to rent cars from other users. A user can create a car listing, and other users can rent the car for a specified period of time. The app is built using Ruby on Rails and Bootstrap.
+## Screenshots
+### Splash Page
+
+![screenshot](./screenshots/screen1.png)
+## Car Listings
+![screenshot](./screenshots/screen2.png)
+## Reservation Page
+![screenshot](./screenshots/screen3.png)
+## Mobile View
+![screenshot](./screenshots/screen4.png)
+
+## Back-end App(API)
+
+> [API](https://github.com/Abdo9826/cars-bnb-backend)
+
+## Built With ✔️
+
+- React 🔥
+- redux toolkit
+- Bootstrap CSS 😋
+
+## Live link 🙌
+
+[LINK](https://63666fbc53628775d8aaf544--stately-tulumba-fce256.netlify.app/)
+
+## Kanban Board 📝
+### Initial Planning
+![screenshot](./screenshots/kanban.png)
+
+## Link to kanban board
+
+[Link to Kanban Board](https://github.com/users/Abdo9826/projects/4/views/1)
+
+## Getting Started 🙌
+
+To get a local copy up and running follow these simple example steps.
+
+### Prerequisites
+
+```
+  node js
+  npm
+
+```
+or 
+```
+  yarn
+```
+
+### Setup
+
+Clone the repository and change the directory to portfolio
+
+```
+  `$ git clone https://github.com/Abdo9826/cars-bnb-frontend.git`
+
+  `$ cd cars-bnb-frontend`
+
+```
+
+### Install
+
+Install all project dependencies by running the command below
+
+```
+ ` $ npm install` or ` $ yarn install`
+```
+
+### Usage
+
+Run
+
+```
+  `$ npm start or deploy the index.html from the build/public folder`
+  or
+  `$ yarn start or deploy the index.html from the build/public folder`
+```
+
+### Deployment
+
+- [Visit Application Homepage](#)
+
+### Authors
+
+| 👤 Name         | Github                                   | Twitter                                              | LinkedIn                                                       |
+| --------------- | ---------------------------------------- | ---------------------------------------------------- | -------------------------------------------------------------- |
+| Robertson Akpan | [@bobb-rob](https://github.com/bobb-rob) | [@\_\_\_Robertson](https://twitter.com/___Robertson) | [@RobertsonAkpan](https://www.linkedin.com/in/robertsonakpan/) |
+
+| 👤 Name | Github                               | Twitter                           | LinkedIn                                   |
+| ------- | ------------------------------------ | --------------------------------- | ------------------------------------------ |
+| Abdo    | [@abdo](https://github.com/Abdo9826) | [@Abdo](https://twitter.com/Abdo) | [@Abdo](https://www.linkedin.com/in/Abdo/) |
+
+| 👤 Name | Github                               | Twitter                            | LinkedIn                                     |
+| ------- | ------------------------------------ | ---------------------------------- | -------------------------------------------- |
+| Sigie   | [@ksigei](https://github.com/ksigei) | [@Abdo](https://twitter.com/sigie) | [@sigie](https://www.linkedin.com/in/sigie/) |
+
+| 👤 Name       | Github                                     | Twitter                                | LinkedIn                                         |
+| ------------- | ------------------------------------------ | -------------------------------------- | ------------------------------------------------ |
+| Shahnawaz Ali | [@Shahnawaz](https://github.com/Shahnawaz) | [@Abdo](https://twitter.com/Shahnawaz) | [@sigie](https://www.linkedin.com/in/Shahnawaz/) |
+
+## 🤝 Contributing
+
+Contributions, issues, and feature requests are welcome!
+
+## Show your support
+
+Give a ⭐️ if you like this project!
+
+## Acknowledgments
+
+- Hat tip to Microverse team for inspiring this project.
+- Hat tip to anyone whose code was used
+- Hat tip to [Murat Korkmaz](https://www.behance.net/gallery/26425031/Vespa-Responsive-Redesign) for the design inspiration
+
+## 📝 License
+
+All rights reserved.