bump version

New Crowdin updates

.dockerignore

@@ -1,8 +1,4 @@
-node_modules
-git
-.gitignore
-.dockerignore
-Dockerfile*
-docker-compose*
-README.md
-LICENSE
+.cache/
+node_modules/
+functions/
+public/

.env

@@ -1 +0,0 @@
-SKIP_PREFLIGHT_CHECK=true

.env.example

@@ -0,0 +1,8 @@
+FIREBASE_APIKEY=""
+FIREBASE_APPID=""
+FIREBASE_AUTHDOMAIN=""
+FIREBASE_DATABASEURL=""
+FIREBASE_MEASUREMENTID=""
+FIREBASE_MESSAGINGSENDERID=""
+FIREBASE_PROJECTID=""
+FIREBASE_STORAGEBUCKET=""

.eslintignore

@@ -0,0 +1,4 @@
+.cache
+package.json
+package-lock.json
+public

.eslintrc

@@ -1,29 +1,36 @@
 {
-  "parser": "babel-eslint",
-  "parserOptions": {
-    "sourceType": "module",
-    "allowImportExportEverywhere": false,
-    "codeFrame": false
+  "globals": {
+    "atob": true,
+    "Blob": true,
+    "fetch": true,
+    "window": true,
+    "document": true,
+    "FileReader": true,
+    "localStorage": true
   },
   "extends": [
     "airbnb",
-    "plugin:react/recommended",
-    "prettier",
-    "prettier/react"
+    "plugin:jest/recommended",
+    "plugin:jest/style",
+    "prettier"
   ],
-  "env": {
-    "browser": true,
-    "jest": true
-  },
+  "plugins": ["jest", "prettier", "sort-imports-es6-autofix"],
   "rules": {
-    "jsx-a11y/no-static-element-interactions": 0,
-    "jsx-a11y/click-events-have-key-events": 0,
+    "import/no-extraneous-dependencies": ["error", { "devDependencies": true }],
+    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
     "jsx-a11y/label-has-associated-control": 0,
-    "react/jsx-filename-extension": 0,
+    "react/jsx-one-expression-per-line": 0,
+    "react/jsx-props-no-spreading": 0,
+    "prettier/prettier": ["error"],
     "react/no-array-index-key": 0,
+    "jsx-a11y/anchor-is-valid": 0,
+    "react/button-has-type": 0,
+    "no-unused-expressions": 0,
     "no-restricted-syntax": 0,
     "no-param-reassign": 0,
+    "consistent-return": 0,
+    "no-nested-ternary": 0,
     "react/prop-types": 0,
     "no-plusplus": 0
   }
-}
+}

.firebaserc

@@ -5,11 +5,8 @@
   "targets": {
     "rx-resume": {
       "hosting": {
-        "app": [
-          "rx-resume"
-        ],
-        "docs": [
-          "docs-rx-resume"
+        "rxresume": [
+          "public"
         ]
       }
     }

.github/FUNDING.yml

@@ -1 +1,3 @@
-open_collective: reactive-resume
+# These are supported funding model platforms
+
+custom: ['buymeacoffee.com/AmruthPillai']

.github/ISSUE_TEMPLATE/bug-report.md

@@ -1,31 +0,0 @@
----
-name: Bug Report
-about: Create a report to help us improve
-title: "[Bug] "
-labels: bug
-assignees: ''
-
----
-
-**Describe the Bug**
-A clear and concise description of what the bug is.
-
-**Reproduction**
-Steps to reproduce the behaviour:
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
-
-**Expected Behaviour**
-A clear and concise description of what you expected to happen.
-
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
-
-**Desktop (please complete the following information):**
- - OS: [e.g. iOS/macOS/Windows 10]
- - Browser [e.g. Chrome/Safari/Firefox]
-
-**Additional Context**
-Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature-request.md

@@ -1,21 +0,0 @@
----
-name: Feature Request
-about: Suggest an idea for this project
-title: "[Feature] "
-labels: enhancement
-assignees: ''
-
----
-
-**Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is.  
-Ex. I'm always frustrated when [...]
-
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
-
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
-
-**Additional context**
-Add any other context or screenshots about the feature request here.

.github/workflows/codeql-analysis.yml

@@ -0,0 +1,34 @@
+name: CodeQL Analysis
+
+on:
+  push:
+    branches: [ develop ]
+  pull_request:
+    branches: [ develop ]
+  schedule:
+    - cron: '37 16 * * 0'
+
+jobs:
+  analyze:
+    name: Analyze
+    runs-on: ubuntu-latest
+
+    strategy:
+      fail-fast: false
+      matrix:
+        language: [ 'javascript' ]
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v1
+      with:
+        languages: ${{ matrix.language }}
+
+    - name: Autobuild
+      uses: github/codeql-action/autobuild@v1
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v1

.github/workflows/main.yml

@@ -1,25 +0,0 @@
-name: Build & Deploy
-
-on:
-  push:
-    branches: [master]
-
-jobs:
-  build:
-    name: Build & Deploy
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout GitHub Repository
-        uses: actions/checkout@v2.0.0
-      - name: Install Project Dependencies
-        run: npm install
-      - name: Build App
-        run: npm run build
-      - name: Build Documentation
-        run: npm run docs:build
-      - name: Deploy to Firebase Hosting
-        uses: w9jds/firebase-action@v1.3.0
-        with:
-          args: deploy --only hosting
-        env:
-          FIREBASE_TOKEN: ${{ secrets.FIREBASE_TOKEN }}

.github/workflows/run-tests.yml

@@ -0,0 +1,27 @@
+name: Run Unit Tests
+
+on:
+  push:
+    branches: [ develop ]
+  pull_request:
+    branches: [ develop ]
+
+jobs:
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [14.x]
+
+    steps:
+    - uses: actions/checkout@v2
+
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v1
+      with:
+        node-version: ${{ matrix.node-version }}
+
+    - run: npm ci
+    - run: npm test

.gitignore

@@ -1,30 +1,76 @@
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# firebase
-.firebase
-
-# tailwind
-tailwind.css
-
-# vuepress
-docs/.vuepress/dist
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
+# Logs
+logs
+*.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Coverage directory used by Jest
+test-coverage
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# dotenv environment variable files
+.env
+
+# gatsby files
+.cache/
+public
+
+# Firebase Files
+.firebase
+
+# Mac files
+.DS_Store
+
+# Yarn
+yarn-error.log
+.pnp/
+.pnp.js
+
+# Yarn Integrity file
+.yarn-integrity

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx lint-staged

.idea/.gitignore

@@ -0,0 +1,5 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/

.idea/Reactive-Resume.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

.idea/codeStyles/Project.xml

@@ -0,0 +1,58 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <HTMLCodeStyleSettings>
+      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
+      <option name="HTML_ENFORCE_QUOTES" value="true" />
+    </HTMLCodeStyleSettings>
+    <JSCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </JSCodeStyleSettings>
+    <TypeScriptCodeStyleSettings version="0">
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </TypeScriptCodeStyleSettings>
+    <VueCodeStyleSettings>
+      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
+      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
+    </VueCodeStyleSettings>
+    <codeStyleSettings language="HTML">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="JavaScript">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="TypeScript">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="Vue">
+      <option name="SOFT_MARGINS" value="80" />
+      <indentOptions>
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+  </code_scheme>
+</component>

.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>

.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,7 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+    <inspection_tool class="Stylelint" enabled="true" level="ERROR" enabled_by_default="true" />
+  </profile>
+</component>

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/Reactive-Resume.iml" filepath="$PROJECT_DIR$/.idea/Reactive-Resume.iml" />
+    </modules>
+  </component>
+</project>

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>

.nvmrc

@@ -0,0 +1 @@
+16

.prettierignore

@@ -0,0 +1,4 @@
+.cache
+package.json
+package-lock.json
+public

.prettierrc

@@ -1,7 +1,5 @@
 {
-  "printWidth": 100,
-  "trailingComma": "all",
-  "tabWidth": 2,
   "semi": true,
-  "singleQuote": true
-}
+  "singleQuote": true,
+  "trailingComma": "all"
+}

.vscode/settings.json

@@ -1,4 +1,11 @@
 {
-  "i18n-ally.localesPaths": "src/i18n",
-  "i18n-ally.keystyle": "nested"
-}
+  "files.associations": {
+    "*.js": "javascriptreact"
+  },
+  "editor.codeActionsOnSave": {
+    "source.fixAll": true
+  },
+  "i18n-ally.localesPaths": ["src/i18n/locales"],
+  "i18n-ally.keystyle": "nested",
+  "css.validate": false
+}

DEPLOYMENT.md

@@ -0,0 +1,65 @@
+# Deployment
+
+This is a guide on how to build the source from scratch, along with setting up Firebase and related cloud functions to be able to export PDFs just like the original deployment of [rxresu.me](http://rxresu.me/).
+
+### Requirements
+
+- A Firebase project
+- Works on both Linux, macOS and Windows
+- Requires Node.js & NPM installed on the machine
+
+### Setting up Firebase
+
+1. Create a new Firebase project by visiting [Firebase Console](https://console.firebase.google.com/) and clicking on `Add Project`
+
+![Screenshot 2021-03-13 at 10 19 10 AM](https://user-images.githubusercontent.com/1134738/111019495-97a73800-83e5-11eb-9eb1-6da100d839ba.png)
+
+2. Disable Google Analytics, or keep it enabled as per your requirements. Most people wouldn't need it.
+
+![Screenshot 2021-03-13 at 10 19 23 AM](https://user-images.githubusercontent.com/1134738/111019521-bc9bab00-83e5-11eb-9365-e521577e7a90.png)
+
+3. Wait until Project is created, then click on Continue
+
+![Screenshot 2021-03-13 at 10 21 30 AM](https://user-images.githubusercontent.com/1134738/111019543-e5bc3b80-83e5-11eb-923f-fc4fb2c6d84f.png)
+
+4. Navigate to Realtime Database, and click on `Create Database`
+
+![Screenshot 2021-03-13 at 10 28 57 AM](https://user-images.githubusercontent.com/1134738/111019691-f02b0500-83e6-11eb-9112-c3123273d035.png)
+
+5. Select any location that's nearby to you, and most importantly, create the database in `Test Mode` and click on Enable
+
+![Screenshot 2021-03-13 at 10 30 01 AM](https://user-images.githubusercontent.com/1134738/111019724-16e93b80-83e7-11eb-9713-06a7adf0c5d4.png)
+
+6. Go back to Project Overview and click on `Web` and skip through every other step by clicking `Next`.
+
+![Screenshot 2021-03-13 at 10 27 34 AM](https://user-images.githubusercontent.com/1134738/111019839-b4446f80-83e7-11eb-9fe2-183b06f6f829.png)
+
+7. Copy configuration variables of your project, or keep this page open as you will need it later
+
+![ezgif com-gif-maker](https://user-images.githubusercontent.com/1134738/111019829-9d9e1880-83e7-11eb-8ccc-573db1039b10.gif)
+
+### Cloning the Repository
+
+1. Run this command on your machine's terminal or Command Prompt
+
+```
+git clone git@github.com:AmruthPillai/Reactive-Resume.git
+```
+
+<img width="550" alt="Screenshot 2021-03-13 at 10 38 16 AM" src="https://user-images.githubusercontent.com/1134738/111019919-3df43d00-83e8-11eb-8d6b-d9fe0cc74a3a.png">
+
+2. Copy the file `.env.example` to `.env` and start editing the file
+
+```
+cp .env.example .env
+```
+
+<img width="317" alt="Screenshot 2021-03-13 at 10 50 21 AM" src="https://user-images.githubusercontent.com/1134738/111020166-ed7ddf00-83e9-11eb-9cbb-a8732243bbd5.png">
+
+3. Copy configuration variables from last step to the .env file, it's fine to have `FIREBASE_MEASUREMENTID` empty if you had Google Analytics disabled.
+
+<img width="696" alt="Screenshot 2021-03-13 at 10 51 53 AM" src="https://user-images.githubusercontent.com/1134738/111020217-3c2b7900-83ea-11eb-801d-d8719cf23608.png">
+
+4. Run `npm install` on the terminal/command prompt
+
+5. After that's done, run `npm run build` and allow some time for the process to build

Dockerfile

@@ -1,39 +1,38 @@
-## build image
-FROM node:13.12.0-alpine as build
+FROM node:alpine as builder
+WORKDIR /app
 
-## set working directory
-WORKDIR /usr/src/app
+RUN apk add --update --no-cache \
+    g++ \
+    yasm \
+    bash \
+    make \
+    automake \
+    autoconf \
+    libtool \
+    zlib-dev \
+    libpng-dev
 
-## add `/usr/src/app/node_modules/.bin` to $PATH
-ENV PATH /usr/src/app/node_modules/.bin:$PATH
+RUN apk add --update --no-cache \
+    --repository http://dl-3.alpinelinux.org/alpine/edge/community \
+    --repository http://dl-3.alpinelinux.org/alpine/edge/main \
+    vips-dev
 
-## install and cache app dependencies
-COPY package.json /usr/src/app/package.json
+COPY package*.json ./
+RUN npm ci
 
-## install git
-RUN apk add --no-cache git
+ARG FIREBASE_APIKEY
+ARG FIREBASE_APPID
+ARG FIREBASE_AUTHDOMAIN
+ARG FIREBASE_DATABASEURL
+ARG FIREBASE_MEASUREMENTID
+ARG FIREBASE_MESSAGINGSENDERID
+ARG FIREBASE_PROJECTID
+ARG FIREBASE_STORAGEBUCKET
 
-## install app dependencies
-RUN npm install
-
-## copy files
-COPY . /usr/src/app
-
-## build production app
+COPY . ./
 RUN npm run build
 
-## production environment
-FROM nginx:1.17.9-alpine
-
-## copy build artifacts to nginx
-COPY --from=build /usr/src/app/build /usr/share/nginx/html
-
-## copy custom nginx config
-RUN rm /etc/nginx/conf.d/default.conf
-COPY nginx/nginx.conf /etc/nginx/conf.d
-
-## export port 80
-EXPOSE 80
-
-## run nginx server
-CMD ["nginx", "-g", "daemon off;"]
+FROM nginx:alpine
+RUN rm -rf /usr/share/nginx/html
+COPY --from=builder /app/public/ /usr/share/nginx/html
+COPY server.conf /etc/nginx/conf.d/default.conf

Dockerfile-dev

@@ -1,20 +0,0 @@
-## base image
-FROM node:13.12.0-alpine
-
-## set working directory
-WORKDIR /usr/src/app
-
-## add `/usr/src/app/node_modules/.bin` to $PATH
-ENV PATH /usr/src/app/node_modules/.bin:$PATH
-
-## install and cache app dependencies
-COPY package.json /usr/src/app/package.json
-
-## install git
-RUN apk add --no-cache git
-
-## install app dependencies
-RUN npm install
-
-## start app
-CMD ["npm", "start"]

LICENSE

@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.

Procfile

@@ -1 +0,0 @@
-web: bin/boot

README.md

@@ -1,15 +1,138 @@
-<img src="https://i.imgur.com/4eps4gP.png" alt="Reactive Resume" width="256px"  height="256px"/>
+<img src="https://raw.githubusercontent.com/AmruthPillai/Reactive-Resume/develop/static/images/logo.png" width="256px" />
 
-# Reactive Resume
+## A free and open source resume builder.
 
-[![Build & Deploy](https://github.com/AmruthPillai/Reactive-Resume/workflows/Build%20&%20Deploy/badge.svg)](https://github.com/AmruthPillai/Reactive-Resume/actions)
-![Code Style](https://badgen.net/badge/code%20style/airbnb/ff5a5f?icon=airbnb)
-[![Docker Pulls](https://img.shields.io/docker/pulls/amruthpillai/reactive-resume)](https://hub.docker.com/r/amruthpillai/reactive-resume)
-[![Localization](https://badges.crowdin.net/reactive-resume/localized.svg)](https://crowdin.com/project/reactive-resume)
+[![Crowdin](https://badges.crowdin.net/reactive-resume/localized.svg)](https://crowdin.com/project/reactive-resume)
 [![GitHub](https://img.shields.io/github/license/AmruthPillai/Reactive-Resume)](https://github.com/AmruthPillai/Reactive-Resume/blob/develop/LICENSE)
 
-#### A Free and Open-Source Resume Builder That Respects Your Privacy
+### [Go to App](https://rxresu.me/)
 
-Welcome to the front page of **Reactive Resume**, a free and open-source Resume Builder web app that focuses on one thing, **Privacy**. And also few other important features such as minimalistic UI/UX, customizability, portability, regularly updated templates, etc. But the important thing is that, your personal data is yours alone.
+### What is this app all about?
 
-### [Go to App](https://rxresu.me/) | [Documentation](https://docs.rxresu.me/)
+Reactive Resume is a free and open source resume builder that’s built to make the mundane tasks of creating, updating and sharing your resume as easy as 1, 2, 3. With this app, you can create multiple resumes, share them with recruiters through a unique link and print as PDF, all for free, no advertisements, without losing the integrity and privacy of your data.
+
+You have complete control over what goes into your resume, how it looks, what colors, what templates, even the layout in which sections placed. Want a dark mode resume? It’s as easy as editing 3 values and you’re done. You don’t need to wait to see your changes either. Everything you type, everything you change, appears immediately on your resume and gets updated in real time.
+
+### Features
+
+- Manage multiple resumes with one account
+- Sync your data across devices
+- Sign in with Google, or sign in anonymously just to test the app
+- Send your resume to others with a unique sharable link
+- Choose from 6 vibrant templates and more coming soon
+- Structure sections and change layouts the way you want to
+- Rename sections according to your language/industry
+- Mix and match colors to any degree, even a dark mode resume?
+- Pick from a variety of crisp and clear fonts
+- Easy to translate to your own language
+- Import your existing [JSON Resume](https://jsonresume.org/) in one click
+- No advertisements, no data sharing, no marketing emails
+- **Everything is free, and there’s no catch!**
+
+### Screenshots
+
+<img src="https://raw.githubusercontent.com/AmruthPillai/Reactive-Resume/develop/static/images/screenshots/screen-1.png" width="400px" />
+&nbsp;
+<img src="https://raw.githubusercontent.com/AmruthPillai/Reactive-Resume/develop/static/images/screenshots/screen-3.png" width="400px" />
+&nbsp;
+<img src="https://raw.githubusercontent.com/AmruthPillai/Reactive-Resume/develop/static/images/screenshots/screen-5.png" width="400px" />
+
+### Translation
+
+To translate the app, just fork the repository, go to `src/i18n/locales` and duplicate the `en.json` file to a new file `your-lang-code.json` and translate all of the strings inside. It's a simple process that would take just a few minutes, and by contributing, your name could also be added down below as a contributor.
+
+For those of you familiar with the Crowdin Platform, you could do that too and just head to http://crowdin.com/project/reactive-resume/ to translate the app over there. They have a great interface that helps you navigate through various strings and manage translations.
+
+##### Languages Currently Supported
+
+- Arabic (عربى)
+- Bengali (বাংলা)
+- Czech (čeština)
+- Chinese Simplified (简体中文)
+- Danish (Dansk)
+- Dutch (Nederlands)
+- English (US)
+- Finnish (Suomalainen)
+- French (Français)
+- German (Deutsch)
+- Greek (Ελληνικά)
+- Hebrew (עִברִית)
+- Hindi (हिंदी)
+- Indonesian (Bahasa Indonesia)
+- Italian (Italiano)
+- Japanese (日本人)
+- Kannada (ಕನ್ನಡ)
+- Lithuanian (Lietuvių)
+- Norwegian (Norsk)
+- Persian (Farsi)
+- Polish (Polskie)
+- Portuguese (Brazilian)
+- Portuguese (Portugal)
+- Romanian (Română)
+- Russian (русский)
+- Slovak (Slovenčina)
+- Spanish (Español)
+- Swedish (Svenska)
+- Turkish (Türkçe)
+- Ukrainian (Українська)
+
+Thank you to all the amazing people who have contributed to Reactive Resume by translating it into their native language.
+
+### Building from Source
+
+Want to run your own instance of Reactive Resume? You are very much free to do so. The requirements to build from source are:
+
+- NodeJS/NPM
+- A Firebase Project
+
+1. First, clone this project repository
+
+```
+git clone https://github.com/AmruthPillai/Reactive-Resume.git
+cd Reactive-Resume
+```
+
+2. Run npm install to install dependencies for the project
+
+```
+npm install
+```
+
+3. Create a `.env` file and fill it with your Firebase credentials
+
+You can get these by setting up a firebase web app [here](https://console.firebase.google.com/u/0/).
+
+Also note that you'll need to set up a Realtime Database, _not_ a Firestore Database, to get the correct value for `FIREBASE_DATABASEURL`. Be sure to set it to test mode so you can read/write data. Just remember to either revert these or remove the database after your testing is completed.
+
+```
+FIREBASE_APIKEY=""
+FIREBASE_APPID=""
+FIREBASE_AUTHDOMAIN=""
+FIREBASE_DATABASEURL=""
+FIREBASE_MEASUREMENTID=""
+FIREBASE_MESSAGINGSENDERID=""
+FIREBASE_PROJECTID=""
+FIREBASE_STORAGEBUCKET=""
+```
+
+4. Run `npm run start` to run the development server or `npm run build` to build the production app.
+
+And that's it! 🎉
+
+### Donation
+
+I try to do what I can, but if you found the app helpful, or you're in a better position than the others who depend on this project for their first job, please consider donating as little as \$5 to help keep the project alive :)
+
+#### https://www.buymeacoffee.com/AmruthPillai
+
+![Please buy me a coffee](https://i.imgur.com/x7g6kvF.png)
+
+### Appreciation
+
+Thank you to everyone who made this project possible, including the many users who voiced their opinions, created issues and PRs to the original Reactive Resume project, and helped me along the way to make this a reality.
+
+---
+
+![The Great Gatsby](https://camo.githubusercontent.com/a615c7e1ef9a850f5427cdc153186763305bb853/68747470733a2f2f692e696d6775722e636f6d2f4472386a3569762e676966)
+
+###### Made with Love by [Amruth Pillai](https://amruthpillai.com/)

SECURITY.md

@@ -0,0 +1,12 @@
+# Security Policy
+
+## Supported Versions
+
+| Version | Supported          |
+| ------- | ------------------ |
+| 2.0.0   | :white_check_mark: |
+| 1.0.0   | :x:                |
+
+## Reporting a Vulnerability
+
+Use the [GitHub Issues](https://github.com/AmruthPillai/Reactive-Resume/issues) tab to report a vulnerability

__mocks__/@reach/router.js

@@ -0,0 +1,17 @@
+import { delay } from '../../src/utils/index';
+
+const ReachRouter = jest.requireActual('@reach/router');
+
+const defaultDelayInMilliseconds = 100;
+
+// eslint-disable-next-line no-unused-vars
+const navigate = async (to, options) => {
+  await delay(defaultDelayInMilliseconds);
+
+  return Promise.resolve();
+};
+
+module.exports = {
+  ...ReachRouter,
+  navigate: jest.fn(navigate),
+};

__mocks__/__tests__/gatsby-plugin-firebase/auth.signInAnonymously.test.js

@@ -0,0 +1,35 @@
+import FirebaseStub, { AuthConstants } from '../../gatsby-plugin-firebase';
+
+test('sets current user to anonymous user 1', async () => {
+  await FirebaseStub.auth().signInAnonymously();
+
+  const { currentUser } = FirebaseStub.auth();
+  expect(currentUser).toBeTruthy();
+  expect(currentUser.uid).toEqual(AuthConstants.anonymousUser1.uid);
+});
+
+test('calls onAuthStateChanged observer with anonymous user 1', async () => {
+  let user = null;
+  let error = null;
+  FirebaseStub.auth().onAuthStateChanged(
+    (_user) => {
+      user = _user;
+    },
+    (_error) => {
+      error = _error;
+    },
+  );
+
+  await FirebaseStub.auth().signInAnonymously();
+
+  expect(user).toBeTruthy();
+  expect(user.uid).toEqual(AuthConstants.anonymousUser1.uid);
+  expect(error).toBeNull();
+});
+
+test('returns anonymous user 1', async () => {
+  const user = await FirebaseStub.auth().signInAnonymously();
+
+  expect(user).toBeTruthy();
+  expect(user.uid).toEqual(AuthConstants.anonymousUser1.uid);
+});

__mocks__/__tests__/gatsby-plugin-firebase/auth.signInWithPopup.test.js

@@ -0,0 +1,54 @@
+import FirebaseStub, { AuthConstants } from '../../gatsby-plugin-firebase';
+
+describe('with Google auth provider', () => {
+  test('sets current user to Google user 3', async () => {
+    await FirebaseStub.auth().signInWithPopup(
+      new FirebaseStub.auth.GoogleAuthProvider(),
+    );
+
+    const { currentUser } = FirebaseStub.auth();
+    expect(currentUser).toBeTruthy();
+    expect(currentUser.uid).toEqual(AuthConstants.googleUser3.uid);
+  });
+
+  test('sets current user provider data', async () => {
+    const provider = new FirebaseStub.auth.GoogleAuthProvider();
+    await FirebaseStub.auth().signInWithPopup(provider);
+
+    const { currentUser } = FirebaseStub.auth();
+    expect(currentUser).toBeTruthy();
+    expect(currentUser.providerData).toBeTruthy();
+    expect(currentUser.providerData).toHaveLength(1);
+    expect(currentUser.providerData[0].providerId).toEqual(provider.providerId);
+  });
+
+  test('calls onAuthStateChanged observer with Google user 3', async () => {
+    let user = null;
+    let error = null;
+    FirebaseStub.auth().onAuthStateChanged(
+      (_user) => {
+        user = _user;
+      },
+      (_error) => {
+        error = _error;
+      },
+    );
+
+    await FirebaseStub.auth().signInWithPopup(
+      new FirebaseStub.auth.GoogleAuthProvider(),
+    );
+
+    expect(user).toBeTruthy();
+    expect(user.uid).toEqual(AuthConstants.googleUser3.uid);
+    expect(error).toBeNull();
+  });
+
+  test('returns Google user 3', async () => {
+    const user = await FirebaseStub.auth().signInWithPopup(
+      new FirebaseStub.auth.GoogleAuthProvider(),
+    );
+
+    expect(user).toBeTruthy();
+    expect(user.uid).toEqual(AuthConstants.googleUser3.uid);
+  });
+});

__mocks__/__tests__/gatsby-plugin-firebase/auth.signOut.test.js

@@ -0,0 +1,29 @@
+import FirebaseStub from '../../gatsby-plugin-firebase';
+
+test('sets current user to null', async () => {
+  await FirebaseStub.auth().signInAnonymously();
+
+  await FirebaseStub.auth().signOut();
+
+  const { currentUser } = FirebaseStub.auth();
+  expect(currentUser).toBeNull();
+});
+
+test('calls onAuthStateChanged observer with null', async () => {
+  let user = null;
+  let error = null;
+  FirebaseStub.auth().onAuthStateChanged(
+    (_user) => {
+      user = _user;
+    },
+    (_error) => {
+      error = _error;
+    },
+  );
+  await FirebaseStub.auth().signInAnonymously();
+
+  await FirebaseStub.auth().signOut();
+
+  expect(user).toBeNull();
+  expect(error).toBeNull();
+});

__mocks__/__tests__/gatsby-plugin-firebase/auth.test.js

@@ -0,0 +1,35 @@
+import FirebaseStub from '../../gatsby-plugin-firebase';
+
+test('reuses existing Auth instance', () => {
+  const auth1 = FirebaseStub.auth();
+  const auth2 = FirebaseStub.auth();
+
+  expect(auth1.uuid).toBeTruthy();
+  expect(auth2.uuid).toBeTruthy();
+  expect(auth1.uuid).toEqual(auth2.uuid);
+});
+
+test('onAuthStateChanged unsubscribe removes observer', () => {
+  const observer = () => {};
+  const unsubscribe = FirebaseStub.auth().onAuthStateChanged(observer);
+  expect(unsubscribe).toBeTruthy();
+  expect(
+    FirebaseStub.auth().onAuthStateChangedObservers.indexOf(observer),
+  ).toBeGreaterThanOrEqual(0);
+
+  unsubscribe();
+
+  expect(
+    FirebaseStub.auth().onAuthStateChangedObservers.indexOf(observer),
+  ).not.toBeGreaterThanOrEqual(0);
+});
+
+test('current user delete calls signOut', async () => {
+  const mockSignOut = jest.spyOn(FirebaseStub.auth(), 'signOut');
+  await FirebaseStub.auth().signInAnonymously();
+  const { currentUser } = FirebaseStub.auth();
+
+  await currentUser.delete();
+
+  expect(mockSignOut).toHaveBeenCalledTimes(1);
+});

__mocks__/__tests__/gatsby-plugin-firebase/database.ref.filtering.test.js

@@ -0,0 +1,53 @@
+import { waitFor } from '@testing-library/react';
+import FirebaseStub, { DatabaseConstants } from '../../gatsby-plugin-firebase';
+
+test('can filter resumes by user', async () => {
+  FirebaseStub.database().initializeData();
+
+  let snapshotValue = null;
+
+  FirebaseStub.database()
+    .ref(DatabaseConstants.resumesPath)
+    .orderByChild('user')
+    .equalTo(DatabaseConstants.user1.uid)
+    .on('value', (snapshot) => {
+      snapshotValue = snapshot.val();
+    });
+
+  await waitFor(() =>
+    snapshotValue ? Promise.resolve(true) : Promise.reject(),
+  );
+
+  expect(snapshotValue).not.toBeNull();
+  expect(Object.keys(snapshotValue)).toHaveLength(2);
+  Object.values(snapshotValue).forEach((resume) =>
+    expect(resume.user).toEqual(DatabaseConstants.user1.uid),
+  );
+});
+
+test('previously set query parameters are not kept when retrieving reference again', () => {
+  FirebaseStub.database().initializeData();
+
+  let reference = null;
+
+  reference = FirebaseStub.database().ref(DatabaseConstants.resumesPath);
+  expect(reference).toBeTruthy();
+  const { uuid } = reference;
+  expect(reference.orderByChildPath).toHaveLength(0);
+  expect(reference.equalToValue).toHaveLength(0);
+
+  reference = FirebaseStub.database()
+    .ref(DatabaseConstants.resumesPath)
+    .orderByChild('user')
+    .equalTo('testuser1');
+  expect(reference).toBeTruthy();
+  expect(reference.uuid).toBe(uuid);
+  expect(reference.orderByChildPath).toBe('user');
+  expect(reference.equalToValue).toBe('testuser1');
+
+  reference = FirebaseStub.database().ref(DatabaseConstants.resumesPath);
+  expect(reference).toBeTruthy();
+  expect(reference.uuid).toBe(uuid);
+  expect(reference.orderByChildPath).toHaveLength(0);
+  expect(reference.equalToValue).toHaveLength(0);
+});

__mocks__/__tests__/gatsby-plugin-firebase/database.ref.off.test.js

@@ -0,0 +1,51 @@
+import { waitFor } from '@testing-library/react';
+import FirebaseStub, { DatabaseConstants } from '../../gatsby-plugin-firebase';
+
+test('removes event callbacks', async () => {
+  FirebaseStub.database().initializeData();
+
+  const userUid = DatabaseConstants.user1.uid;
+
+  let valueCallbackSnapshotValue = null;
+  const valueCallback = jest.fn((snapshot) => {
+    valueCallbackSnapshotValue = snapshot.val();
+  });
+  FirebaseStub.database()
+    .ref(DatabaseConstants.resumesPath)
+    .orderByChild('user')
+    .equalTo(userUid)
+    .on('value', valueCallback);
+  await waitFor(() => valueCallback.mock.calls[0][0]);
+  valueCallback.mockClear();
+  valueCallbackSnapshotValue = null;
+
+  let childRemovedCallbackSnapshotValue = null;
+  const childRemovedCallback = jest.fn((snapshot) => {
+    childRemovedCallbackSnapshotValue = snapshot.val();
+  });
+  FirebaseStub.database()
+    .ref(DatabaseConstants.resumesPath)
+    .orderByChild('user')
+    .equalTo(userUid)
+    .on('child_removed', childRemovedCallback);
+
+  const removedResume = (
+    await FirebaseStub.database()
+      .ref(
+        `${DatabaseConstants.resumesPath}/${DatabaseConstants.demoStateResume1Id}`,
+      )
+      .once('value')
+  ).val();
+  expect(removedResume).toBeTruthy();
+
+  FirebaseStub.database().ref(DatabaseConstants.resumesPath).off();
+
+  await FirebaseStub.database()
+    .ref(`${DatabaseConstants.resumesPath}/${removedResume.id}`)
+    .remove();
+
+  expect(childRemovedCallback.mock.calls).toHaveLength(0);
+  expect(childRemovedCallbackSnapshotValue).toBeNull();
+  expect(valueCallback.mock.calls).toHaveLength(0);
+  expect(valueCallbackSnapshotValue).toBeNull();
+});

__mocks__/__tests__/gatsby-plugin-firebase/database.ref.on.valueEventType.test.js

@@ -0,0 +1,45 @@
+import { waitFor } from '@testing-library/react';
+import FirebaseStub, { DatabaseConstants } from '../../gatsby-plugin-firebase';
+
+test('triggers event with true if on the connected reference path', async () => {
+  FirebaseStub.database().initializeData();
+
+  let snapshotValue = null;
+
+  FirebaseStub.database()
+    .ref(DatabaseConstants.connectedPath)
+    .on('value', (snapshot) => {
+      snapshotValue = snapshot.val();
+    });
+
+  await waitFor(() =>
+    snapshotValue ? Promise.resolve(true) : Promise.reject(),
+  );
+
+  expect(snapshotValue).not.toBeNull();
+  expect(snapshotValue).toBe(true);
+});
+
+test('triggers event with resumes if on the resumes reference path', async () => {
+  FirebaseStub.database().initializeData();
+
+  const resumesDataSnapshot = await FirebaseStub.database()
+    .ref(DatabaseConstants.resumesPath)
+    .once('value');
+  const resumes = resumesDataSnapshot.val();
+
+  let snapshotValue = null;
+
+  FirebaseStub.database()
+    .ref(DatabaseConstants.resumesPath)
+    .on('value', (snapshot) => {
+      snapshotValue = snapshot.val();
+    });
+
+  await waitFor(() =>
+    snapshotValue ? Promise.resolve(true) : Promise.reject(),
+  );
+
+  expect(snapshotValue).not.toBeNull();
+  expect(snapshotValue).toEqual(resumes);
+});

__mocks__/__tests__/gatsby-plugin-firebase/database.ref.once.test.js

@@ -0,0 +1,59 @@
+import FirebaseStub, { DatabaseConstants } from '../../gatsby-plugin-firebase';
+
+test('retrieves resume if it exists', async () => {
+  FirebaseStub.database().initializeData();
+
+  const resumeId = DatabaseConstants.demoStateResume1Id;
+
+  const resume = (
+    await FirebaseStub.database()
+      .ref(`${DatabaseConstants.resumesPath}/${resumeId}`)
+      .once('value')
+  ).val();
+
+  expect(resume).toBeTruthy();
+  expect(resume.id).toEqual(resumeId);
+});
+
+test('retrieves null if resume does not exist', async () => {
+  FirebaseStub.database().initializeData();
+
+  const resumeId = 'invalidResumeId';
+
+  const resume = (
+    await FirebaseStub.database()
+      .ref(`${DatabaseConstants.resumesPath}/${resumeId}`)
+      .once('value')
+  ).val();
+
+  expect(resume).toBeNull();
+});
+
+test('retrieves user if it exists', async () => {
+  FirebaseStub.database().initializeData();
+
+  const expectedUser = DatabaseConstants.user1;
+
+  const user = (
+    await FirebaseStub.database()
+      .ref(`${DatabaseConstants.usersPath}/${expectedUser.uid}`)
+      .once('value')
+  ).val();
+
+  expect(user).toBeTruthy();
+  expect(user).toEqual(expectedUser);
+});
+
+test('retrieves null if user does not exist', async () => {
+  FirebaseStub.database().initializeData();
+
+  const userId = 'invalidUserId';
+
+  const user = (
+    await FirebaseStub.database()
+      .ref(`${DatabaseConstants.usersPath}/${userId}`)
+      .once('value')
+  ).val();
+
+  expect(user).toBeNull();
+});

__mocks__/__tests__/gatsby-plugin-firebase/database.ref.remove.test.js

@@ -0,0 +1,77 @@
+import { waitFor } from '@testing-library/react';
+import FirebaseStub, { DatabaseConstants } from '../../gatsby-plugin-firebase';
+
+test('deletes data', async () => {
+  FirebaseStub.database().initializeData();
+
+  const resumeId = DatabaseConstants.demoStateResume1Id;
+  const removedResume = (
+    await FirebaseStub.database()
+      .ref(`${DatabaseConstants.resumesPath}/${resumeId}`)
+      .once('value')
+  ).val();
+  expect(removedResume).toBeTruthy();
+
+  await FirebaseStub.database()
+    .ref(`${DatabaseConstants.resumesPath}/${resumeId}`)
+    .remove();
+
+  const actualResume = (
+    await FirebaseStub.database()
+      .ref(`${DatabaseConstants.resumesPath}/${resumeId}`)
+      .once('value')
+  ).val();
+  expect(actualResume).toBeNull();
+});
+
+test('triggers events', async () => {
+  FirebaseStub.database().initializeData();
+
+  const userUid = DatabaseConstants.user1.uid;
+
+  let valueCallbackSnapshotValue = null;
+  const valueCallback = jest.fn((snapshot) => {
+    valueCallbackSnapshotValue = snapshot.val();
+  });
+  FirebaseStub.database()
+    .ref(DatabaseConstants.resumesPath)
+    .orderByChild('user')
+    .equalTo(userUid)
+    .on('value', valueCallback);
+  await waitFor(() => valueCallback.mock.calls[0][0]);
+  valueCallback.mockClear();
+  valueCallbackSnapshotValue = null;
+
+  let childRemovedCallbackSnapshotValue = null;
+  const childRemovedCallback = jest.fn((snapshot) => {
+    childRemovedCallbackSnapshotValue = snapshot.val();
+  });
+  FirebaseStub.database()
+    .ref(DatabaseConstants.resumesPath)
+    .orderByChild('user')
+    .equalTo(userUid)
+    .on('child_removed', childRemovedCallback);
+
+  const removedResume = (
+    await FirebaseStub.database()
+      .ref(
+        `${DatabaseConstants.resumesPath}/${DatabaseConstants.demoStateResume1Id}`,
+      )
+      .once('value')
+  ).val();
+  expect(removedResume).toBeTruthy();
+  expect(removedResume.user).toEqual(userUid);
+  await FirebaseStub.database()
+    .ref(`${DatabaseConstants.resumesPath}/${removedResume.id}`)
+    .remove();
+
+  await waitFor(() => childRemovedCallback.mock.calls[0][0]);
+  expect(childRemovedCallback.mock.calls).toHaveLength(1);
+  expect(childRemovedCallbackSnapshotValue).toBeTruthy();
+  expect(childRemovedCallbackSnapshotValue).toEqual(removedResume);
+
+  await waitFor(() => valueCallback.mock.calls[0][0]);
+  expect(valueCallback.mock.calls).toHaveLength(1);
+  expect(valueCallbackSnapshotValue).toBeTruthy();
+  expect(removedResume.id in valueCallbackSnapshotValue).toBe(false);
+});

__mocks__/__tests__/gatsby-plugin-firebase/database.ref.set.test.js

@@ -0,0 +1,71 @@
+import { waitFor } from '@testing-library/react';
+import FirebaseStub, { DatabaseConstants } from '../../gatsby-plugin-firebase';
+
+test('inserts data', async () => {
+  FirebaseStub.database().initializeData();
+
+  const existingResume = (
+    await FirebaseStub.database()
+      .ref(
+        `${DatabaseConstants.resumesPath}/${DatabaseConstants.demoStateResume1Id}`,
+      )
+      .once('value')
+  ).val();
+  expect(existingResume).toBeTruthy();
+
+  const newResume = JSON.parse(JSON.stringify(existingResume));
+  newResume.id = 'newre1';
+  newResume.name = `Test Resume ${newResume.id}`;
+  await FirebaseStub.database()
+    .ref(`${DatabaseConstants.resumesPath}/${newResume.id}`)
+    .set(newResume);
+
+  const actualResume = (
+    await FirebaseStub.database()
+      .ref(`${DatabaseConstants.resumesPath}/${newResume.id}`)
+      .once('value')
+  ).val();
+  expect(actualResume).toBeTruthy();
+  expect(actualResume).toEqual(newResume);
+});
+
+test('triggers events', async () => {
+  FirebaseStub.database().initializeData();
+
+  let snapshotValue = null;
+  const callback = jest.fn((snapshot) => {
+    snapshotValue = snapshot.val();
+  });
+  FirebaseStub.database()
+    .ref(DatabaseConstants.resumesPath)
+    .orderByChild('user')
+    .equalTo(DatabaseConstants.user1.uid)
+    .on('value', callback);
+  await waitFor(() => callback.mock.calls[0][0]);
+  callback.mockClear();
+  snapshotValue = null;
+
+  const existingResume = (
+    await FirebaseStub.database()
+      .ref(
+        `${DatabaseConstants.resumesPath}/${DatabaseConstants.demoStateResume1Id}`,
+      )
+      .once('value')
+  ).val();
+  expect(existingResume).toBeTruthy();
+
+  const newResume = JSON.parse(JSON.stringify(existingResume));
+  newResume.id = 'newre1';
+  newResume.name = `Test Resume ${newResume.id}`;
+  await FirebaseStub.database()
+    .ref(`${DatabaseConstants.resumesPath}/${newResume.id}`)
+    .set(newResume);
+
+  await waitFor(() => callback.mock.calls[0][0]);
+
+  expect(callback.mock.calls).toHaveLength(1);
+  expect(snapshotValue).not.toBeNull();
+  expect(Object.keys(snapshotValue)).toHaveLength(3);
+  expect(snapshotValue[newResume.id]).toBeTruthy();
+  expect(snapshotValue[newResume.id]).toEqual(newResume);
+});

__mocks__/__tests__/gatsby-plugin-firebase/database.ref.test.js

@@ -0,0 +1,26 @@
+import FirebaseStub, { DatabaseConstants } from '../../gatsby-plugin-firebase';
+
+test('reuses existing Reference instance', () => {
+  const ref1 = FirebaseStub.database().ref(
+    `${DatabaseConstants.resumesPath}/123`,
+  );
+  const ref2 = FirebaseStub.database().ref(
+    `${DatabaseConstants.resumesPath}/123`,
+  );
+
+  expect(ref1).toBeTruthy();
+  expect(ref2).toBeTruthy();
+  expect(ref1).toEqual(ref2);
+});
+
+test('leading slash in reference path is ignored', () => {
+  const path = `${DatabaseConstants.resumesPath}/123`;
+
+  const ref1 = FirebaseStub.database().ref(path);
+  expect(ref1).toBeTruthy();
+  expect(ref1.path).toEqual(path);
+
+  const ref2 = FirebaseStub.database().ref(`/${path}`);
+  expect(ref2).toBeTruthy();
+  expect(ref2).toEqual(ref1);
+});

__mocks__/__tests__/gatsby-plugin-firebase/database.ref.update.test.js

@@ -0,0 +1,86 @@
+import { waitFor } from '@testing-library/react';
+import FirebaseStub, { DatabaseConstants } from '../../gatsby-plugin-firebase';
+
+test('can spy on it', async () => {
+  FirebaseStub.database().initializeData();
+
+  const referencePath = `${DatabaseConstants.resumesPath}/123456`;
+  const functionSpy = jest.spyOn(
+    FirebaseStub.database().ref(referencePath),
+    'update',
+  );
+  const updateArgument = 'test value 123';
+
+  await FirebaseStub.database().ref(referencePath).update(updateArgument);
+
+  expect(functionSpy).toHaveBeenCalledTimes(1);
+  const functionCallArgument = functionSpy.mock.calls[0][0];
+  expect(functionCallArgument).toBeTruthy();
+  expect(functionCallArgument).toEqual(updateArgument);
+});
+
+test('updates data', async () => {
+  FirebaseStub.database().initializeData();
+
+  const resumeId = DatabaseConstants.demoStateResume1Id;
+  const existingResume = (
+    await FirebaseStub.database()
+      .ref(`${DatabaseConstants.resumesPath}/${resumeId}`)
+      .once('value')
+  ).val();
+  expect(existingResume).toBeTruthy();
+
+  const resumeName = 'Test Resume renamed';
+  existingResume.name = resumeName;
+  await FirebaseStub.database()
+    .ref(`${DatabaseConstants.resumesPath}/${resumeId}`)
+    .update(existingResume);
+
+  const actualResume = (
+    await FirebaseStub.database()
+      .ref(`${DatabaseConstants.resumesPath}/${resumeId}`)
+      .once('value')
+  ).val();
+  expect(actualResume).toBeTruthy();
+  expect(existingResume).toEqual(actualResume);
+  expect(actualResume.name).toEqual(resumeName);
+});
+
+test('triggers events', async () => {
+  FirebaseStub.database().initializeData();
+
+  let snapshotValue = null;
+  const callback = jest.fn((snapshot) => {
+    snapshotValue = snapshot.val();
+  });
+  FirebaseStub.database()
+    .ref(DatabaseConstants.resumesPath)
+    .orderByChild('user')
+    .equalTo(DatabaseConstants.user1.uid)
+    .on('value', callback);
+  await waitFor(() => callback.mock.calls[0][0]);
+  callback.mockClear();
+  snapshotValue = null;
+
+  const existingResume = (
+    await FirebaseStub.database()
+      .ref(
+        `${DatabaseConstants.resumesPath}/${DatabaseConstants.demoStateResume1Id}`,
+      )
+      .once('value')
+  ).val();
+  expect(existingResume).toBeTruthy();
+
+  existingResume.name = 'Test Resume renamed';
+  await FirebaseStub.database()
+    .ref(`${DatabaseConstants.resumesPath}/${existingResume.id}`)
+    .update(existingResume);
+
+  await waitFor(() => callback.mock.calls[0][0]);
+
+  expect(callback.mock.calls).toHaveLength(1);
+  expect(snapshotValue).not.toBeNull();
+  expect(Object.keys(snapshotValue)).toHaveLength(2);
+  expect(snapshotValue[existingResume.id]).toBeTruthy();
+  expect(snapshotValue[existingResume.id]).toEqual(existingResume);
+});

__mocks__/__tests__/gatsby-plugin-firebase/database.test.js

@@ -0,0 +1,67 @@
+import FirebaseStub, { DatabaseConstants } from '../../gatsby-plugin-firebase';
+
+test('reuses existing Database instance', () => {
+  const database1 = FirebaseStub.database();
+  const database2 = FirebaseStub.database();
+
+  expect(database1.uuid).toBeTruthy();
+  expect(database2.uuid).toBeTruthy();
+  expect(database1.uuid).toEqual(database2.uuid);
+});
+
+test('ServerValue.TIMESTAMP returns current time in milliseconds', () => {
+  const now = new Date().getTime();
+  const timestamp = FirebaseStub.database.ServerValue.TIMESTAMP;
+
+  expect(timestamp).toBeTruthy();
+  expect(timestamp).toBeGreaterThanOrEqual(now);
+});
+
+test('initializing data sets up resumes and users', async () => {
+  FirebaseStub.database().initializeData();
+
+  const resumesRef = FirebaseStub.database().ref(DatabaseConstants.resumesPath);
+  const resumesDataSnapshot = await resumesRef.once('value');
+  const resumes = resumesDataSnapshot.val();
+  expect(resumes).toBeTruthy();
+  expect(Object.keys(resumes)).toHaveLength(5);
+  const demoStateResume1 = resumes[DatabaseConstants.demoStateResume1Id];
+  expect(demoStateResume1).toBeTruthy();
+  expect(demoStateResume1.id).toEqual(DatabaseConstants.demoStateResume1Id);
+  expect(demoStateResume1.user).toEqual(DatabaseConstants.user1.uid);
+  const demoStateResume2 = resumes[DatabaseConstants.demoStateResume2Id];
+  expect(demoStateResume2).toBeTruthy();
+  expect(demoStateResume2.id).toEqual(DatabaseConstants.demoStateResume2Id);
+  expect(demoStateResume2.user).toEqual(DatabaseConstants.user2.uid);
+  const initialStateResume1 = resumes[DatabaseConstants.initialStateResume1Id];
+  expect(initialStateResume1).toBeTruthy();
+  expect(initialStateResume1.id).toEqual(
+    DatabaseConstants.initialStateResume1Id,
+  );
+  expect(initialStateResume1.user).toEqual(DatabaseConstants.user1.uid);
+  const demoStateResume3 = resumes[DatabaseConstants.demoStateResume3Id];
+  expect(demoStateResume3).toBeTruthy();
+  expect(demoStateResume3.id).toEqual(DatabaseConstants.demoStateResume3Id);
+  expect(demoStateResume3.user).toEqual(DatabaseConstants.user3.uid);
+  const initialStateResume2 = resumes[DatabaseConstants.initialStateResume2Id];
+  expect(initialStateResume2).toBeTruthy();
+  expect(initialStateResume2.id).toEqual(
+    DatabaseConstants.initialStateResume2Id,
+  );
+  expect(initialStateResume2.user).toEqual(DatabaseConstants.user3.uid);
+
+  const usersRef = FirebaseStub.database().ref(DatabaseConstants.usersPath);
+  const usersDataSnapshot = await usersRef.once('value');
+  const users = usersDataSnapshot.val();
+  expect(users).toBeTruthy();
+  expect(Object.keys(users)).toHaveLength(3);
+  const anonymousUser1 = users[DatabaseConstants.user1.uid];
+  expect(anonymousUser1).toBeTruthy();
+  expect(anonymousUser1).toEqual(DatabaseConstants.user1);
+  const anonymousUser2 = users[DatabaseConstants.user2.uid];
+  expect(anonymousUser2).toBeTruthy();
+  expect(anonymousUser2).toEqual(DatabaseConstants.user2);
+  const googleUser3 = users[DatabaseConstants.user3.uid];
+  expect(googleUser3).toBeTruthy();
+  expect(googleUser3).toEqual(DatabaseConstants.user3);
+});

__mocks__/__tests__/gatsby-plugin-firebase/functions.test.js

@@ -0,0 +1,19 @@
+import FirebaseStub from '../../gatsby-plugin-firebase';
+
+test('reuses existing Functions instance', () => {
+  const functions1 = FirebaseStub.functions();
+  const functions2 = FirebaseStub.functions();
+
+  expect(functions1.uuid).toBeTruthy();
+  expect(functions2.uuid).toBeTruthy();
+  expect(functions1.uuid).toEqual(functions2.uuid);
+});
+
+test('deleteUser function returns true', async () => {
+  const deleteUser = FirebaseStub.functions().httpsCallable('deleteUser');
+
+  const result = await deleteUser();
+
+  expect(result).toBeTruthy();
+  expect(result.data).toEqual(true);
+});

__mocks__/file-mock.js

@@ -0,0 +1,2 @@
+const mockFile = 'test-file-stub';
+export default mockFile;

__mocks__/gatsby-plugin-firebase.js

@@ -0,0 +1,33 @@
+import Auth from './gatsby-plugin-firebase/auth/auth';
+import AuthConstants from './gatsby-plugin-firebase/constants/auth';
+import Database from './gatsby-plugin-firebase/database/database';
+import DatabaseConstants from './gatsby-plugin-firebase/constants/database';
+import Functions from './gatsby-plugin-firebase/functions/functions';
+import FunctionsConstants from './gatsby-plugin-firebase/constants/functions';
+import GoogleAuthProvider from './gatsby-plugin-firebase/auth/googleAuthProvider';
+
+class FirebaseStub {
+  static auth() {
+    return Auth.instance;
+  }
+
+  static database() {
+    return Database.instance;
+  }
+
+  static functions() {
+    return Functions.instance;
+  }
+}
+
+FirebaseStub.auth.GoogleAuthProvider = GoogleAuthProvider;
+
+FirebaseStub.database.ServerValue = {};
+Object.defineProperty(FirebaseStub.database.ServerValue, 'TIMESTAMP', {
+  get() {
+    return new Date().getTime();
+  },
+});
+
+export default FirebaseStub;
+export { AuthConstants, DatabaseConstants, FunctionsConstants };

__mocks__/gatsby-plugin-firebase/auth/auth.js

@@ -0,0 +1,125 @@
+/* eslint-disable no-underscore-dangle */
+import { v4 as uuidv4 } from 'uuid';
+
+import { delay } from '../../../src/utils/index';
+import AuthProvider from './authProvider';
+import Constants from '../constants/auth';
+import GoogleAuthProvider from './googleAuthProvider';
+import User from './user';
+
+const singleton = Symbol('');
+const singletonEnforcer = Symbol('');
+
+class Auth {
+  constructor(enforcer) {
+    if (enforcer !== singletonEnforcer) {
+      throw new Error('Cannot construct singleton');
+    }
+
+    this._uuid = uuidv4();
+    this._currentUser = null;
+    this._onAuthStateChangedObservers = [];
+  }
+
+  static get instance() {
+    if (!this[singleton]) {
+      this[singleton] = new Auth(singletonEnforcer);
+    }
+
+    return this[singleton];
+  }
+
+  get currentUser() {
+    return this._currentUser;
+  }
+
+  get uuid() {
+    return this._uuid;
+  }
+
+  get onAuthStateChangedObservers() {
+    return this._onAuthStateChangedObservers;
+  }
+
+  onAuthStateChanged(observer) {
+    this.onAuthStateChangedObservers.push(observer);
+
+    return () => {
+      this._onAuthStateChangedObservers =
+        this.onAuthStateChangedObservers.filter((obs) => obs !== observer);
+    };
+  }
+
+  async signInAnonymously() {
+    const user = Constants.anonymousUser1;
+
+    this._currentUser = new User(
+      user.displayName,
+      user.email,
+      user.providerId,
+      user.uid,
+      user.isAnonymous,
+      this.signOut.bind(this),
+    );
+
+    await delay(Constants.defaultDelayInMilliseconds);
+
+    this.onAuthStateChangedObservers.forEach((observer) =>
+      observer(this._currentUser),
+    );
+
+    return this._currentUser;
+  }
+
+  /**
+   * Authenticates with popup.
+   *
+   * @param {AuthProvider} provider The provider to authenticate.
+   */
+  async signInWithPopup(provider) {
+    if (!provider) {
+      throw new Error('provider must be provided.');
+    } else if (!(provider instanceof AuthProvider)) {
+      throw new Error('provider should be an AuthProvider.');
+    }
+
+    if (!(provider instanceof GoogleAuthProvider)) {
+      throw new Error(
+        `${provider.constructor.name} is currently not supported.`,
+      );
+    }
+
+    const user = Constants.googleUser3;
+
+    this._currentUser = new User(
+      user.displayName,
+      user.email,
+      user.providerId,
+      user.uid,
+      user.isAnonymous,
+      this.signOut.bind(this),
+    );
+
+    await delay(Constants.defaultDelayInMilliseconds);
+
+    this.onAuthStateChangedObservers.forEach((observer) =>
+      observer(this._currentUser),
+    );
+
+    return this._currentUser;
+  }
+
+  async signOut() {
+    if (this._currentUser === null) {
+      return;
+    }
+
+    this._currentUser = null;
+
+    await delay(Constants.defaultDelayInMilliseconds);
+
+    this.onAuthStateChangedObservers.forEach((observer) => observer(null));
+  }
+}
+
+export default Auth;

__mocks__/gatsby-plugin-firebase/auth/authProvider.js

@@ -0,0 +1,23 @@
+/* eslint-disable no-underscore-dangle */
+class AuthProvider {
+  /**
+   * Creates a new auth provider.
+   *
+   * @param {string} providerId Provider ID.
+   */
+  constructor(providerId) {
+    if (!providerId) {
+      throw new Error('providerId must be provided.');
+    } else if (typeof providerId !== 'string') {
+      throw new Error('providerId should be a string.');
+    } else {
+      this._providerId = providerId;
+    }
+  }
+
+  get providerId() {
+    return this._providerId;
+  }
+}
+
+export default AuthProvider;

__mocks__/gatsby-plugin-firebase/auth/googleAuthProvider.js

@@ -0,0 +1,10 @@
+import AuthProvider from './authProvider';
+import Constants from '../constants/auth';
+
+class GoogleAuthProvider extends AuthProvider {
+  constructor() {
+    super(Constants.googleAuthProviderId);
+  }
+}
+
+export default GoogleAuthProvider;

__mocks__/gatsby-plugin-firebase/auth/user.js

@@ -0,0 +1,67 @@
+/* eslint-disable no-underscore-dangle */
+import Constants from '../constants/auth';
+// eslint-disable-next-line no-unused-vars
+import AuthProvider from './authProvider';
+import UserInfo from './userInfo';
+import { delay } from '../../../src/utils/index';
+
+class User extends UserInfo {
+  /**
+   * Creates a new user.
+   *
+   * @param {string|null} displayName Display name.
+   * @param {string|null} email Email.
+   * @param {string} providerId Auth provider ID.
+   * @param {string} uid The user's unique ID.
+   * @param {boolean} isAnonymous Is anonymous.
+   * @param {function():Promise<void>} deleteUser Delete user callback.
+   */
+  constructor(displayName, email, providerId, uid, isAnonymous, deleteUser) {
+    super(displayName, email, providerId, uid);
+
+    if (!deleteUser) {
+      throw new Error('deleteUser must be provided.');
+    } else if (typeof deleteUser !== 'function') {
+      throw new Error('deleteUser should be a function.');
+    } else {
+      this._deleteUser = deleteUser;
+    }
+
+    this._isAnonymous = isAnonymous;
+
+    this._providerData = [];
+    if (!isAnonymous) {
+      this._providerData.push(
+        new UserInfo(displayName, email, providerId, uid),
+      );
+    }
+  }
+
+  get isAnonymous() {
+    return this._isAnonymous;
+  }
+
+  get providerData() {
+    return this._providerData;
+  }
+
+  async delete() {
+    await delay(Constants.defaultDelayInMilliseconds);
+
+    await this._deleteUser();
+  }
+
+  /**
+   * Reauthenticates the user with popup.
+   *
+   * @param {AuthProvider} provider The provider to authenticate.
+   */
+  // eslint-disable-next-line no-unused-vars
+  async reauthenticateWithPopup(provider) {
+    await delay(Constants.defaultDelayInMilliseconds);
+
+    return this;
+  }
+}
+
+export default User;

__mocks__/gatsby-plugin-firebase/auth/userInfo.js

@@ -0,0 +1,47 @@
+/* eslint-disable no-underscore-dangle */
+class UserInfo {
+  /**
+   * Creates a new user profile information.
+   *
+   * @param {string|null} displayName Display name.
+   * @param {string|null} email Email.
+   * @param {string} providerId Auth provider ID.
+   * @param {string} uid The user's unique ID.
+   */
+  constructor(displayName, email, providerId, uid) {
+    if (!uid) {
+      throw new Error('uid must be provided.');
+    } else if (typeof uid !== 'string') {
+      throw new Error('uid should be a string.');
+    } else {
+      this._uid = uid;
+    }
+
+    if (typeof providerId !== 'string') {
+      throw new Error('providerId should be a string.');
+    } else {
+      this._providerId = providerId;
+    }
+
+    this._displayName = displayName;
+    this._email = email;
+  }
+
+  get displayName() {
+    return this._displayName;
+  }
+
+  get email() {
+    return this._email;
+  }
+
+  get providerId() {
+    return this._providerId;
+  }
+
+  get uid() {
+    return this._uid;
+  }
+}
+
+export default UserInfo;

__mocks__/gatsby-plugin-firebase/constants/auth.js

@@ -0,0 +1,51 @@
+const googleAuthProviderId = 'google.com';
+
+const anonymousUser1 = {
+  displayName: 'Anonymous User 1',
+  email: 'anonymous1@noemail.com',
+  isAnonymous: true,
+  providerId: '',
+  uid: 'anonym1',
+};
+
+const anonymousUser2 = {
+  displayName: 'Anonymous User 2',
+  email: 'anonymous2@noemail.com',
+  isAnonymous: true,
+  providerId: '',
+  uid: 'anonym2',
+};
+
+const googleUser3 = {
+  displayName: 'Google User 3',
+  email: 'google3@noemail.com',
+  isAnonymous: false,
+  providerId: googleAuthProviderId,
+  uid: 'google3',
+};
+
+const defaultDelayInMilliseconds = 100;
+
+class Auth {
+  static get googleAuthProviderId() {
+    return googleAuthProviderId;
+  }
+
+  static get anonymousUser1() {
+    return anonymousUser1;
+  }
+
+  static get anonymousUser2() {
+    return anonymousUser2;
+  }
+
+  static get googleUser3() {
+    return googleUser3;
+  }
+
+  static get defaultDelayInMilliseconds() {
+    return defaultDelayInMilliseconds;
+  }
+}
+
+export default Auth;

__mocks__/gatsby-plugin-firebase/constants/database.js

@@ -0,0 +1,89 @@
+import AuthConstants from './auth';
+
+const valueEventType = 'value';
+const childRemovedEventType = 'child_removed';
+
+const resumesPath = 'resumes';
+const usersPath = 'users';
+const connectedPath = '.info/connected';
+
+const demoStateResume1Id = 'demo_1';
+const demoStateResume2Id = 'demo_2';
+const demoStateResume3Id = 'demo_3';
+const initialStateResume1Id = 'init_1';
+const initialStateResume2Id = 'init_2';
+
+const user1 = {
+  uid: AuthConstants.anonymousUser1.uid,
+  isAnonymous: AuthConstants.anonymousUser1.isAnonymous,
+};
+const user2 = {
+  uid: AuthConstants.anonymousUser2.uid,
+  isAnonymous: AuthConstants.anonymousUser2.isAnonymous,
+};
+const user3 = {
+  uid: AuthConstants.googleUser3.uid,
+  isAnonymous: AuthConstants.googleUser3.isAnonymous,
+};
+
+const defaultDelayInMilliseconds = 100;
+
+class Database {
+  static get valueEventType() {
+    return valueEventType;
+  }
+
+  static get childRemovedEventType() {
+    return childRemovedEventType;
+  }
+
+  static get resumesPath() {
+    return resumesPath;
+  }
+
+  static get usersPath() {
+    return usersPath;
+  }
+
+  static get connectedPath() {
+    return connectedPath;
+  }
+
+  static get demoStateResume1Id() {
+    return demoStateResume1Id;
+  }
+
+  static get demoStateResume2Id() {
+    return demoStateResume2Id;
+  }
+
+  static get demoStateResume3Id() {
+    return demoStateResume3Id;
+  }
+
+  static get initialStateResume1Id() {
+    return initialStateResume1Id;
+  }
+
+  static get initialStateResume2Id() {
+    return initialStateResume2Id;
+  }
+
+  static get user1() {
+    return user1;
+  }
+
+  static get user2() {
+    return user2;
+  }
+
+  static get user3() {
+    return user3;
+  }
+
+  static get defaultDelayInMilliseconds() {
+    return defaultDelayInMilliseconds;
+  }
+}
+
+export default Database;

__mocks__/gatsby-plugin-firebase/constants/functions.js

@@ -0,0 +1,15 @@
+const deleteUserFunctionName = 'deleteUser';
+
+const defaultDelayInMilliseconds = 100;
+
+class Functions {
+  static get deleteUserFunctionName() {
+    return deleteUserFunctionName;
+  }
+
+  static get defaultDelayInMilliseconds() {
+    return defaultDelayInMilliseconds;
+  }
+}
+
+export default Functions;

__mocks__/gatsby-plugin-firebase/database/dataSnapshot.js

@@ -0,0 +1,24 @@
+/* eslint-disable no-underscore-dangle */
+class DataSnapshot {
+  constructor(getData, value = undefined) {
+    if (!getData) {
+      throw new Error('getData must be provided.');
+    } else if (typeof getData !== 'function') {
+      throw new Error('getData should be a function.');
+    }
+
+    this._getData = getData;
+
+    this._value = value;
+  }
+
+  get value() {
+    return this._value;
+  }
+
+  val() {
+    return typeof this.value !== 'undefined' ? this.value : this._getData();
+  }
+}
+
+export default DataSnapshot;

__mocks__/gatsby-plugin-firebase/database/database.js

@@ -0,0 +1,170 @@
+/* eslint-disable no-underscore-dangle */
+import { v4 as uuidv4 } from 'uuid';
+import fs from 'fs';
+import path from 'path';
+
+import DatabaseConstants from '../constants/database';
+import Reference from './reference';
+
+const singleton = Symbol('');
+const singletonEnforcer = Symbol('');
+
+const readFile = (fileRelativePath) => {
+  const fileAbsolutePath = path.resolve(__dirname, fileRelativePath);
+  const fileBuffer = fs.readFileSync(fileAbsolutePath);
+  const fileData = JSON.parse(fileBuffer);
+  return fileData;
+};
+
+class Database {
+  constructor(enforcer) {
+    if (enforcer !== singletonEnforcer) {
+      throw new Error('Cannot construct singleton');
+    }
+
+    this._uuid = uuidv4();
+    this._data = {};
+    this._references = {};
+  }
+
+  static get instance() {
+    if (!this[singleton]) {
+      this[singleton] = new Database(singletonEnforcer);
+    }
+
+    return this[singleton];
+  }
+
+  get uuid() {
+    return this._uuid;
+  }
+
+  _getData(dataPath) {
+    if (!dataPath) {
+      throw new Error('dataPath must be provided.');
+    }
+
+    const dataPathElements = dataPath.split('/');
+    if (!(dataPathElements[0] in this._data)) {
+      return null;
+    }
+
+    if (dataPathElements.length === 1) {
+      return this._data[dataPathElements[0]];
+    }
+
+    if (dataPathElements.length === 2) {
+      if (!(dataPathElements[1] in this._data[dataPathElements[0]])) {
+        return null;
+      }
+
+      return this._data[dataPathElements[0]][dataPathElements[1]];
+    }
+
+    return null;
+  }
+
+  _getReference(referencePath) {
+    return referencePath in this._references
+      ? this._references[referencePath]
+      : null;
+  }
+
+  _setData(dataPath, value) {
+    if (!dataPath) {
+      throw new Error('dataPath must be provided.');
+    }
+
+    if (typeof value === 'undefined') {
+      throw new Error('value is undefined.');
+    }
+
+    const dataPathElements = dataPath.split('/');
+    if (dataPathElements.length !== 2) {
+      return;
+    }
+
+    if (!(dataPathElements[0] in this._data)) {
+      return;
+    }
+
+    if (!dataPathElements[1]) {
+      return;
+    }
+
+    if (value === null) {
+      delete this._data[dataPathElements[0]][dataPathElements[1]];
+    } else {
+      this._data[dataPathElements[0]][dataPathElements[1]] = value;
+    }
+  }
+
+  initializeData() {
+    const resumes = {};
+    const date = new Date('December 15, 2020 11:20:25');
+
+    const demoStateResume1 = readFile('../../../src/data/demoState.json');
+    demoStateResume1.updatedAt = date.valueOf();
+    date.setMonth(date.getMonth() - 2);
+    demoStateResume1.createdAt = date.valueOf();
+    demoStateResume1.user = DatabaseConstants.user1.uid;
+    resumes[DatabaseConstants.demoStateResume1Id] = demoStateResume1;
+
+    const demoStateResume2 = JSON.parse(JSON.stringify(demoStateResume1));
+    demoStateResume2.user = DatabaseConstants.user2.uid;
+    resumes[DatabaseConstants.demoStateResume2Id] = demoStateResume2;
+
+    const initialStateResume1 = readFile('../../../src/data/initialState.json');
+    initialStateResume1.updatedAt = date.valueOf();
+    initialStateResume1.createdAt = date.valueOf();
+    initialStateResume1.user = DatabaseConstants.user1.uid;
+    resumes[DatabaseConstants.initialStateResume1Id] = initialStateResume1;
+
+    const demoStateResume3 = readFile('../../../src/data/demoState.json');
+    demoStateResume3.updatedAt = date.valueOf();
+    date.setMonth(date.getMonth() - 2);
+    demoStateResume3.createdAt = date.valueOf();
+    demoStateResume3.user = DatabaseConstants.user3.uid;
+    resumes[DatabaseConstants.demoStateResume3Id] = demoStateResume3;
+
+    const initialStateResume2 = readFile('../../../src/data/initialState.json');
+    initialStateResume2.updatedAt = date.valueOf();
+    initialStateResume2.createdAt = date.valueOf();
+    initialStateResume2.user = DatabaseConstants.user3.uid;
+    resumes[DatabaseConstants.initialStateResume2Id] = initialStateResume2;
+
+    Object.keys(resumes).forEach((key) => {
+      const resume = resumes[key];
+      resume.id = key;
+      resume.name = `Test Resume ${key}`;
+    });
+
+    this._data[DatabaseConstants.resumesPath] = resumes;
+
+    const users = {};
+    users[DatabaseConstants.user1.uid] = DatabaseConstants.user1;
+    users[DatabaseConstants.user2.uid] = DatabaseConstants.user2;
+    users[DatabaseConstants.user3.uid] = DatabaseConstants.user3;
+    this._data[DatabaseConstants.usersPath] = users;
+  }
+
+  ref(referencePath) {
+    const newRef = new Reference(
+      referencePath,
+      (dataPath) => this._getData(dataPath),
+      (dataPath, value) => this._setData(dataPath, value),
+      (refPath) => this._getReference(refPath),
+    );
+
+    const existingRef = this._getReference(newRef.path);
+    if (existingRef) {
+      existingRef.initializeQueryParameters();
+      return existingRef;
+    }
+
+    this._references[newRef.path] = newRef;
+    return newRef;
+  }
+}
+
+export default Database;

__mocks__/gatsby-plugin-firebase/database/reference.js

@@ -0,0 +1,215 @@
+/* eslint-disable no-underscore-dangle */
+import { v4 as uuidv4 } from 'uuid';
+
+import { delay } from '../../../src/utils/index';
+import DataSnapshot from './dataSnapshot';
+import DatabaseConstants from '../constants/database';
+
+const parsePath = (path) => {
+  if (!path) {
+    throw new Error('path must be provided.');
+  } else if (typeof path !== 'string') {
+    throw new Error('path should be a string.');
+  } else {
+    let parsedPath = path.trim();
+
+    if (parsedPath[0] === '/') {
+      parsedPath = parsedPath.substring(1);
+    }
+
+    return parsedPath;
+  }
+};
+
+class Reference {
+  constructor(path, getDatabaseData, setDatabaseData, getReference) {
+    this._path = parsePath(path);
+
+    this._uuid = uuidv4();
+
+    if (this.path === DatabaseConstants.connectedPath) {
+      this._dataSnapshot = new DataSnapshot(() => {}, true);
+    } else {
+      this._dataSnapshot = new DataSnapshot(() => this._getData());
+    }
+
+    if (!getDatabaseData) {
+      throw new Error('getDatabaseData must be provided.');
+    } else if (typeof getDatabaseData !== 'function') {
+      throw new Error('getDatabaseData should be a function.');
+    }
+
+    this._getDatabaseData = getDatabaseData;
+
+    if (!setDatabaseData) {
+      throw new Error('setDatabaseData must be provided.');
+    } else if (typeof getDatabaseData !== 'function') {
+      throw new Error('setDatabaseData should be a function.');
+    }
+
+    this._setDatabaseData = setDatabaseData;
+
+    if (!getReference) {
+      throw new Error('getReference must be provided.');
+    } else if (typeof getDatabaseData !== 'function') {
+      throw new Error('getReference should be a function.');
+    }
+
+    this._getReference = getReference;
+
+    this._eventCallbacks = {};
+
+    this.initializeQueryParameters();
+  }
+
+  get path() {
+    return this._path;
+  }
+
+  get uuid() {
+    return this._uuid;
+  }
+
+  get eventCallbacks() {
+    return this._eventCallbacks;
+  }
+
+  get orderByChildPath() {
+    return this._orderByChildPath;
+  }
+
+  get equalToValue() {
+    return this._equalToValue;
+  }
+
+  _getData() {
+    const databaseData = this._getDatabaseData(this.path);
+
+    if (!databaseData) {
+      return null;
+    }
+
+    if (this.orderByChildPath && this.equalToValue) {
+      return Object.fromEntries(
+        Object.entries(databaseData).filter(
+          ([, value]) => value[this.orderByChildPath] === this.equalToValue,
+        ),
+      );
+    }
+
+    return databaseData;
+  }
+
+  _getParent() {
+    const pathElements = this.path.split('/');
+
+    let parent = null;
+    if (pathElements.length === 2) {
+      parent = this._getReference(pathElements[0]);
+    }
+
+    return parent;
+  }
+
+  _handleDataUpdate(value) {
+    if (typeof value === 'undefined') {
+      throw new Error('value must be provided.');
+    }
+
+    const currentData = this._getData();
+    const parentReference = this._getParent();
+
+    this._setDatabaseData(this.path, value);
+
+    if (value === null) {
+      if (parentReference) {
+        parentReference.triggerEventCallback(
+          DatabaseConstants.childRemovedEventType,
+          currentData,
+        );
+      }
+    } else {
+      this.triggerEventCallback(DatabaseConstants.valueEventType);
+    }
+
+    if (parentReference) {
+      parentReference.triggerEventCallback(DatabaseConstants.valueEventType);
+    }
+  }
+
+  triggerEventCallback(eventType, snapshotValue = undefined) {
+    if (!(eventType in this.eventCallbacks)) {
+      return;
+    }
+
+    const snapshot =
+      this.path === DatabaseConstants.connectedPath
+        ? this._dataSnapshot
+        : new DataSnapshot(() => this._getData(), snapshotValue);
+
+    this.eventCallbacks[eventType](snapshot);
+  }
+
+  equalTo(value) {
+    this._equalToValue = value;
+    return this;
+  }
+
+  initializeQueryParameters() {
+    this._orderByChildPath = '';
+    this._equalToValue = '';
+  }
+
+  off() {
+    this._eventCallbacks = {};
+  }
+
+  on(eventType, callback) {
+    this.eventCallbacks[eventType] = callback;
+
+    if (eventType === DatabaseConstants.valueEventType) {
+      setTimeout(() => {
+        this.triggerEventCallback(eventType);
+      }, DatabaseConstants.defaultDelayInMilliseconds);
+    }
+
+    return callback;
+  }
+
+  async once(eventType) {
+    if (!eventType) {
+      throw new Error('eventType must be provided.');
+    } else if (typeof eventType !== 'string') {
+      throw new Error('eventType should be a string.');
+    }
+
+    await delay(DatabaseConstants.defaultDelayInMilliseconds);
+
+    return this._dataSnapshot;
+  }
+
+  orderByChild(path) {
+    this._orderByChildPath = path;
+    return this;
+  }
+
+  async update(value) {
+    await delay(DatabaseConstants.defaultDelayInMilliseconds);
+
+    this._handleDataUpdate(value);
+  }
+
+  async remove() {
+    await delay(DatabaseConstants.defaultDelayInMilliseconds);
+
+    this._handleDataUpdate(null);
+  }
+
+  async set(value) {
+    await delay(DatabaseConstants.defaultDelayInMilliseconds);
+
+    this._handleDataUpdate(value);
+  }
+}
+
+export default Reference;

__mocks__/gatsby-plugin-firebase/functions/functions.js

@@ -0,0 +1,53 @@
+/* eslint-disable no-underscore-dangle */
+import { v4 as uuidv4 } from 'uuid';
+
+import FunctionsConstants from '../constants/functions';
+import HttpsCallableResult from './httpsCallableResult';
+import { delay } from '../../../src/utils/index';
+
+const singleton = Symbol('');
+const singletonEnforcer = Symbol('');
+
+const deleteUser = async () => {
+  await delay(FunctionsConstants.defaultDelayInMilliseconds);
+
+  return new HttpsCallableResult(true);
+};
+
+class Functions {
+  constructor(enforcer) {
+    if (enforcer !== singletonEnforcer) {
+      throw new Error('Cannot construct singleton');
+    }
+
+    this._uuid = uuidv4();
+
+    this._httpsCallables = {};
+    this._httpsCallables[FunctionsConstants.deleteUserFunctionName] =
+      deleteUser;
+  }
+
+  static get instance() {
+    if (!this[singleton]) {
+      this[singleton] = new Functions(singletonEnforcer);
+    }
+
+    return this[singleton];
+  }
+
+  get uuid() {
+    return this._uuid;
+  }
+
+  httpsCallable(name) {
+    if (!name) {
+      throw new Error('name must be provided.');
+    } else if (typeof name !== 'string') {
+      throw new Error('name should be a string.');
+    }
+
+    return this._httpsCallables[name];
+  }
+}
+
+export default Functions;

__mocks__/gatsby-plugin-firebase/functions/httpsCallableResult.js

@@ -0,0 +1,19 @@
+/* eslint-disable no-underscore-dangle */
+import { v4 as uuidv4 } from 'uuid';
+
+class HttpsCallableResult {
+  constructor(data) {
+    this._uuid = uuidv4();
+    this._data = data;
+  }
+
+  get data() {
+    return this._data;
+  }
+
+  get uuid() {
+    return this._uuid;
+  }
+}
+
+export default HttpsCallableResult;

__mocks__/gatsby.js

@@ -0,0 +1,71 @@
+import React from 'react';
+
+import { delay } from '../src/utils/index';
+
+const Gatsby = jest.requireActual('gatsby');
+
+const imageData = {
+  images: {
+    fallback: {
+      src: `image_src.jpg`,
+      srcSet: `image_src_set.jpg 1x`,
+    },
+  },
+  layout: `fixed`,
+  width: 1,
+  height: 2,
+};
+const childImageSharp = { gatsbyImageData: imageData };
+
+const useStaticQuery = () => ({
+  site: {
+    siteMetadata: {
+      title: 'Test title',
+      description: 'Test description',
+      author: 'Test author',
+      siteUrl: 'https://testsiteurl/',
+    },
+  },
+  file: {
+    childImageSharp,
+  },
+  onyx: {
+    childImageSharp,
+  },
+  pikachu: {
+    childImageSharp,
+  },
+  gengar: {
+    childImageSharp,
+  },
+  castform: {
+    childImageSharp,
+  },
+  glalie: {
+    childImageSharp,
+  },
+  celebi: {
+    childImageSharp,
+  },
+});
+
+const defaultDelayInMilliseconds = 100;
+
+const navigate = async () => {
+  await delay(defaultDelayInMilliseconds);
+
+  return Promise.resolve();
+};
+
+module.exports = {
+  ...Gatsby,
+  graphql: jest.fn(),
+  Link: jest.fn().mockImplementation(({ to, ...rest }) =>
+    React.createElement('a', {
+      ...rest,
+      href: to,
+    }),
+  ),
+  navigate: jest.fn(navigate),
+  useStaticQuery,
+};

app.json

@@ -1,13 +0,0 @@
-{
-  "name": "Reactive Resume",
-  "description": "A one-of-a-kind resume builder that's not out to get your data. Completely secure, customizable, portable, open-source and free forever.",
-  "website": "https://rxresu.me/",
-  "repository": "https://github.com/AmruthPillai/Reactive-Resume",
-  "logo": "https://i.imgur.com/ugpElge.png",
-  "buildpacks": [
-    {
-      "url": "mars/create-react-app"
-    }
-  ],
-  "keywords": ["react", "resume", "static"]
-}

crowdin.yml

@@ -1,3 +1,3 @@
 files:
-  - source: /src/i18n/locales/en/**/*.json
-    translation: /src/i18n/locales/%two_letters_code%/**/%original_file_name%
+  - source: /src/i18n/locales/en.json
+    translation: /src/i18n/locales/%two_letters_code%.json

database.rules.json

@@ -0,0 +1,19 @@
+{
+  "rules": {
+    "resumes": {
+      ".indexOn": "user",
+      ".read": "auth !== null && query.orderByChild === 'user' && query.equalTo === auth.uid",
+      "$rid": {
+        ".read": "data.child('public').val() === true || data.child('user').val() === auth.uid",
+        ".write": " !data.exists() || data.child('user').val() === auth.uid || (!newData.exists() && data.child('user').val() === auth.uid)"
+      }
+    },
+    "users": {
+      ".indexOn": "isAnonymous",
+      "$uid": {
+        ".read": "$uid === auth.uid",
+        ".write": "$uid === auth.uid"
+      }
+    }
+  }
+}

docker-compose-dev.yml

@@ -1,19 +0,0 @@
-version: '3.7'
-
-services:
-  reactive-resume:
-    container_name: reactive-resume
-    tty: true
-    build:
-      context: .
-      dockerfile: Dockerfile-dev
-    volumes:
-      - '.:/usr/src/app'
-      - '/usr/src/app/node_modules'
-    expose:
-      - '3001'
-    ports:
-      - '3001:3000'
-    environment:
-      - NODE_ENV=development
-      - CHOKIDAR_USEPOLLING=true

docker-compose.yml

@@ -1,12 +0,0 @@
-version: '3.7'
-
-services:
-  reactive-resume:
-    container_name: reactive-resume
-    build:
-      context: .
-      dockerfile: Dockerfile
-    expose:
-      - '80'
-    ports:
-      - '80:80'

docs/.vuepress/components/GitHubContributors.vue

@@ -1,41 +0,0 @@
-<template>
-  <div class="contributors">
-    <div v-for="i in items">
-      <a :href="i.html_url" target="_blank" rel="noopener noreferrer">
-        <img :src="i.avatar_url" />
-      </a>
-    </div>
-  </div>
-</template>
-
-<script>
-const axios = require('axios');
-const repo = 'AmruthPillai/Reactive-Resume';
-
-export default {
-  data() {
-    return {
-      items: [],
-    };
-  },
-  beforeMount() {
-    axios
-      .get(`https://api.github.com/repos/${repo}/contributors`)
-      .then(response => {
-        this.$data.items = response.data;
-      })
-      .catch(error => {
-        console.log(error);
-      });
-  },
-};
-</script>
-
-<style>
-.contributors {
-  margin-top: 20px;
-  display: grid;
-  grid-template-columns: repeat(10, minmax(0, 1fr));
-  gap: 1rem;
-}
-</style>

docs/.vuepress/config.js

@@ -1,33 +0,0 @@
-module.exports = {
-  title: 'Reactive Resume',
-  description:
-    "A one-of-a-kind resume builder that's not out to get your data. Completely secure, customizable, portable, open-source and free forever.",
-  themeConfig: {
-    logo: '/logo.png',
-    repo: 'AmruthPillai/Reactive-Resume',
-    nav: [
-      { text: 'Home', link: '/' },
-      { text: 'Go to App', link: 'https://rxresu.me/' },
-    ],
-    sidebar: [
-      '/',
-      '/features/',
-      '/templates/',
-      '/technology/',
-      '/contributing/',
-      '/translation/',
-      '/building-from-source/',
-      '/deployment/',
-      '/changelog/',
-    ],
-    smoothScroll: true,
-  },
-  plugins: [
-    [
-      '@vuepress/google-analytics',
-      {
-        ga: 'UA-161860275-1',
-      },
-    ],
-  ],
-};

docs/README.md

@@ -1,29 +0,0 @@
----
-title: Home
----
-
-<img src="./images/logo.png" width="256px">
-
-# Reactive Resume
-
-#### A Free and Open-Source Resume Builder That Respects Your Privacy
-
-![Build & Deploy](https://github.com/AmruthPillai/Reactive-Resume/workflows/Build%20&%20Deploy/badge.svg)
-![Code Style](https://badgen.net/badge/code%20style/airbnb/ff5a5f?icon=airbnb)
-![Docker Pulls](https://img.shields.io/docker/pulls/amruthpillai/reactive-resume)
-![Localization](https://badges.crowdin.net/reactive-resume/localized.svg)
-![GitHub](https://img.shields.io/github/license/AmruthPillai/Reactive-Resume)
-
-Welcome to the front page of **Reactive Resume**, a free and open-source Resume Builder web app that focuses on one thing, **Privacy**. And also few other important features such as minimalistic UI/UX, customizability, portability, regularly updated templates, etc. But the important thing is that, your personal data is yours alone.
-
-We're going to use this coveted space to discuss about the features of the application, new changes that were introduced since the release and also other information like how to keep the project running through donations and open-source code contribution.
-
-Let's begin, shall we?
-
-## Links of Interest
-
-- [Web App ](https://rxresu.me/)
-- [GitHub Repository ](https://github.com/AmruthPillai/Reactive-Resume)
-- [Open Collective ](https://opencollective.com/reactive-resume)
-- [Product Hunt ](https://www.producthunt.com/posts/reactive-resume)
-- [Hacker News ](https://news.ycombinator.com/item?id=22709183)

docs/building-from-source/README.md

@@ -1,86 +0,0 @@
----
-title: Building from Source
----
-
-# Building from Source
-
-So, you would like to run the project on your local machine, or your own network server? You've come to the right place. It takes about 5-6 minutes to get the project running on your local, and this is how:
-
-## Building the App
-
-### 1. Install Node.js & NPM
-
-You might have already setup Node.js on your system before, but in case you haven't, this is where you can download and install the required applications from: [nodejs.org ](https://nodejs.org/en/)
-
-Verify whether you are able to run `node` and `npm` commands on your command line:
-
-```
-> node -v
-v13.11.0
-
-> npm -v
-6.14.4
-```
-
-### 2. Clone the Repository
-
-Download the repository as an archive from GitHub, or clone the repository from the command line depending on whether you require the latest updates or not.
-
-```
-wget https://github.com/AmruthPillai/Reactive-Resume/archive/master.zip
-```
-
-<p style="text-align: center">
-  <strong>OR</strong>
-</p>
-
-```
-git clone https://github.com/AmruthPillai/Reactive-Resume.git
-cd Reactive-Resume
-```
-
-### 3. Install Project Dependencies
-
-Install the dependencies required for the project to run. For a bird's eye view of all the dependencies it would install, you can check `package.json`.
-
-```
-npm install
-```
-
-### 4. Start the Development Server
-
-You can run the project locally to check if everything is working alright, through this command:
-
-```
-npm start
-```
-
-### 5. Build Production App
-
-This will produce a production version of the app and return a folder `build` which contains static files ready to be uploaded on the web. For more info on how to deploy, go to the Deployment page.
-
-```
-npm build
-```
-
-## Building the Documentation
-
-### 1. Follow Steps 1 - 3 from [Building the App](#building-the-app)
-
-The initial steps to build and install the documentation server is similar to how you would build the app, as both of them reside in a monorepo.
-
-### 2. Start the Development Server
-
-You can edit the documentation and run it locally using this command:
-
-```
-npm run docs:dev
-```
-
-### 3. Build Static Documentation
-
-This will produce static files under the folder `docs/.vuepress/dist`. This folder can be uploaded anywhere such as Shared Hosting/Firebase/Netlify/Cloud etc.
-
-```
-npm run docs:build
-```

docs/changelog/README.md

@@ -1,154 +0,0 @@
----
-title: Changelog
----
-
-# Changelog
-
-All notable changes to this project will be documented in this file.
-
-## June 2020
-
-- Added Language: Russian
-
-## May 2020
-
-### May 6, 2020
-
-- Fix Demo Data not including Hobbies section
-- Updated translations for all languages
-- Added Language: Hebrew
-- Added Language: Italian
-
-## April 2020
-
-### April 28, 2020
-
-- Added Feature to Reorder Skills/Hobbies
-- Added Hobbies Section to Left Sidebar
-- Updated Templates to Add Hobbies
-
-### April 23, 2020
-
-- Fix Issue with Page Controller Icon Size
-- Fix Issue with Checkbox Icon Toggle
-
-### April 23, 2020
-
-- Transfer all external resources to local, self-host everything
-- Shorten entry animation by a second
-- Optimize Images through `imgbot`
-
-### April 22, 2020
-
-- Display Original Language Name alongside English Language Name
-- Added Language: Tamil
-- Added Language: Vietnamese
-
-### April 17, 2020
-
-- Updated Dependencies across App
-- Added Language: Arabic
-
-### April 16, 2020
-
-- Brought Back Browser Print Method, you can now print parseable resumes
-- Modified Templates to use ID as Key in items, instead of names
-- Added Language: Polish
-
-### April 11, 2020
-
-- Added Language: Danish
-- Added Language: Dutch
-- Added Language: Portuguese
-
-### April 10, 2020
-
-- Bugfix: Photo not visible in PDF export, Celebi
-
-### April 8, 2020
-
-- Added Language: Spanish
-
-### April 6, 2020
-
-- Designed Celebi Template
-
-### April 5, 2020
-
-- Added Print Dialog to set Quality & Print Type before Exporting PDF
-- Added Pan-Zoom Animation to indicate the artboard is interactive
-
-### April 3, 2020
-
-- Added Language: German
-
-### April 2, 2020
-
-- Fix type in Contributing section of Documentation
-- Fix issue where PDF was printing in A4, instead print whole page
-- Fix Castform Templates not updating when Skills Heading is updated
-
-### April 1, 2020
-
-- Designed Glalie Template
-- Added Page Controller for Quick Actions
-- Implemented `react-easy-panzoom` for Pan & Zoom abilities in the artboard
-- Added Language: Chinese
-
-## March 2020
-
-### March 31, 2020
-
-- Migrated to PDF Generation using `html2canvas` & `jsPDF`
-- Added Language: French
-- Added Language: Kannada
-
-### March 30, 2020
-
-- Dockerize App for Faster Development/Deployments
-- Added Translation Systems
-- Added Language: Hindi
-
-### March 29, 2020
-
-- Add Issue Templates in GitHub for Bug Reports and Feature Requests
-- Revised Documentation in VuePress
-- Add Google Analytics to VuePress Documentation
-- Implement "Deploy to Netlify" button, by [hwang381](https://github.com/hwang381)
-
-### March 28, 2020
-
-- Add About Tab in the Right Sidebar
-- JSON Migration Bugfix, by [Panzki](https://github.com/Panzki)
-- Designed Castform Template
-
-### March 27, 2020
-
-- Add Google Site Verification Tag
-- Fix bug with Gengar Template not respecting enable values
-- Add Language & References Section to Resumes
-- Update Onyx, Pikachu & Gengar Templates
-- Add Nunito Font, removed few other fonts
-- Add Entry Animation using [animate.css](https://daneden.github.io/animate.css/)
-- Fix Awkward Page Breaks in Resume when Printing
-- Make Links Clickable in the Resume PDF
-
-### March 26, 2020
-
-- Fix bug in Pikachu Template where photo was not visible
-- Add option to enter any font family stored locally on system
-- Allow printing of more than one page
-- Add Markdown Support to Descriptions
-- Designed Gengar Template
-
-### March 25, 2020
-
-- Released App to Public through Firebase Hosting
-- Add Firebase Analytics
-- Add Progressive Web App Caching
-- Designed Pikachu Template
-
-### March 24, 2020
-
-- Initiating Development of App
-- Designed Onyx Template

docs/contributing/README.md

@@ -1,43 +0,0 @@
----
-title: Contributing
----
-
-# Contributing
-
-I've tried to make the project as simple and accessible to everyone: developers, translators and users alike. The project grows in quality and features through your feedback and support, so please do reach out to me whenever you have a new feature request, or when you find a bug, and we as a team will get it squashed as soon as possible.
-
-**Here are a few ways you can contribute to the project:**
-
-## Donate/Sponsor
-
-This is an open that's open to most. Even the smallest donation can help the project thrive and keep the website running. I didn't think I would ever reach my Firebase Hosting limits until I released this project, and it makes me both worried and happy.
-
-If you would like to support the development and uptime of the project, you can donate through Open Collective, which is a recognized non-profit organization that funnels in donations only to those who are verified. For example, every time you donate, I get the money only after I show an invoice related to the project expense. So you have complete transparency in where your money is going.
-
-[Donate on Open Collective ](https://opencollective.com/reactive-resume)
-
-## Find & Report Bugs
-
-This is quite possible the easiest of the options, other than donating. All you have to do is keep using the app and if you run into any trouble, just let me know by raising an issue on GitHub. The progress of fixing that bug can be tracked from there.
-
-[Raise an Issue on GitHub ](https://github.com/AmruthPillai/Reactive-Resume/issues/new/choose)
-
-## Request New Features
-
-Something that's missing on the app that's halting your progress from making the best version of your resume? Let us know and we'll try and implement that for you. GitHub's Issue Tracking System is pretty flexible when it comes to things like these, so all you need to do to suggest a new feature is raise an issue on GitHub with the Feature Request template.
-
-[Raise an Issue on GitHub ](https://github.com/AmruthPillai/Reactive-Resume/issues/new/choose)
-
-## Translation
-
-Translating the app into your language has never been easier. Thanks to [Crowdin](https://crowdin.com/), a localization management tool, anyone can translate strings without having to mess around with a bunch of files. For information on how to translate the app into your own language, please visit the [Translation Secion](/translation/) of the documentation.
-
-## Commit Code
-
-If you are a developer, and a ReactJS developer at that, then you're in demand! Take a look at the code and see how you can make it better, cause I definitely would have made a lot of mistakes. You can setup test cases or extract a particular section of code into a function to improve code reuse. All you need to do is fork the repository on GitHub, make your changes and submit a Pull Request for the same and we'll review it.
-
-[GitHub Repository ](https://github.com/AmruthPillai/Reactive-Resume)
-
-## GitHub Contributors
-
-<GitHubContributors />

docs/deployment/README.md

@@ -1,57 +0,0 @@
----
-title: Deployment
----
-
-# Deployment
-
-You've built the source code successfully and now you're on your way to deploying the app. There are some methods setup to deploy a version of the app without even having to build the source, so we'll run through all the steps here:
-
-## Docker
-
-If you are a fan of Docker as I am, you'd be happy to know that the app can be set up and running within seconds thanks to having set up both environments of Docker.
-
-If you would like to run the **development server** through Docker, which also supports hot-reloads, just run:
-
-```
-npm run docker:dev
-OR
-docker-compose -f docker-compose-dev.yml up -d --build
-```
-
-If you would like to run the **production version of the app**, powered by NGINX, just run:
-
-```
-npm run docker
-OR
-docker-compose up -d --build
-```
-
-You can also alternatively pull the image from [Docker Hub](https://hub.docker.com/r/amruthpillai/reactive-resume) where the latest image is always built from source control.
-
-```
-docker pull amruthpillai/reactive-resume
-```
-
-## Deploying to Heroku
-
-Heroku is a cloud platform that lets companies build, deliver, monitor and scale apps — we're the fastest way to go from idea to URL, bypassing all those infrastructure headaches.
-
-[![Deploy](https://www.herokucdn.com/deploy/button.svg)](https://heroku.com/deploy?template=https://github.com/AmruthPillai/Reactive-Resume)
-
-## Deploying to Netlify
-
-Used by more than 800,000 web developers and businesses, the Netlify platform provides modern build workflows, serverless functions and a global Application Delivery Network to deliver the most performant, secure and scalable websites and applications.
-
-[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/AmruthPillai/Reactive-Resume)
-
-## Deploy to Synology NAS
-
-**NAS Hosted** has written a great tutorial on how to deploy the app on Synology NAS,  
-read more about it here: [Host your own Resume Builder on Synology using Docker](https://nashosted.com/host-your-own-resume-builder-on-synology-using-docker/)
-
-## Deploy to Shared Hosting/VPS
-
-Here, you're kinda on your own as there are no one-click buttons to help you through, but it's a simple process. Once you've built the app, you can copy the contents of the `build` folder to your `public_html` folder and you will have the app running on your designated domain or IP address.
-
-Here is a great tutorial on how to set up a web server on your machine by DigitalOcean:  
-[How To Install Nginx on Ubuntu 18.04 ](https://www.digitalocean.com/community/tutorials/how-to-install-nginx-on-ubuntu-18-04)

docs/features/README.md

@@ -1,59 +0,0 @@
----
-title: Features
----
-
-# Features
-
-I've tried to maintain some core principles to the app that will always remain unchanged, just to set a fixed direction in which development and ideas can move forward.
-
-<p style="text-align: center">
-  <iframe width="100%" height="420" src="https://www.youtube.com/embed/4OM0LEPzDO8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-</p>
-
-## Secure
-
-![](./images/4.png)
-
-It is entirely secure, as in, your information never leaves the browser, powered by web technologies (HTML5 Local Storage API) that allow for data to be stored locally and quickly.
-
-## Offline
-
-![](./images/7.png)
-
-The app is a PWA and also has no connection to any servers, thus keeping it entirely offline. It survives refreshes, disconnections, and can also be exported or imported through JSON.
-
-## Customizable
-
-![](./images/9.png)
-
-Choose your fonts, play with the colors, pick any layout by merely enabling/disabling sections. A simple and easy to use interface that helps you get a resume in no time!
-
-## Templates
-
-![](./images/8.png)
-
-I've been continuously designing new templates and will be releasing new ones as I have the time. Please support development by using the app and leaving a like/comment or sharing it with your peers.
-
-## Portable
-
-![](./images/2.png)
-
-Your information can be exported to JSON and imported back into the application from anywhere, all you need is your JSON file. This feature makes it easy to update your resume, upload your file (or have it preloaded from local storage), edit the resume and download it again or print it as PDF.
-
-## Minimalistic Design
-
-![](./images/1.png)
-
-As a designer, I felt I had to put this over the top of all other features. Built with minimalism and minimal interaction in mind, it looks clean, is simple to use, and I only hope to make the process more streamlined through your inputs and feedback.
-
-## Progressive Web App
-
-![](./images/4.png)
-
-The web app is responsive, which means you can edit your resume on your phone as well and even install it as an app if you're on Android/Chrome. The app is quick to load and would also work if your internet is disconnected.
-
-## Free and Open-Source
-
-![](./images/7.png)
-
-As with all my projects, I made the app only to help others, so it will always remain free, and I would not be monetizing on it at any point. But if you do feel generous, [I'm open to donations](https://opencollective.com/reactive-resume).

docs/technology/README.md

@@ -1,69 +0,0 @@
----
-title: Technology
----
-
-# Technology
-
-A credit to all the projects and open source packages that have helped during the building of this project. Truly, without these projects, Reactive Resume wouldn't exist.
-
-## ReactJS + Hooks 🎉
-
-React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.
-
-Hooks solve a wide variety of seemingly unconnected problems in React that we’ve encountered over five years of writing and maintaining tens of thousands of components. Whether you’re learning React, use it daily, or even prefer a different library with a similar component model, you might recognize some of these problems.
-
-[Learn more → ](https://reactjs.org/)
-
-## Tailwind CSS
-
-Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.
-
-[Learn more → ](https://tailwindcss.com/)
-
-## Lodash
-
-A modern JavaScript utility library delivering modularity, performance & extras. Lodash makes JavaScript easier by taking the hassle out of working with arrays, numbers, objects, strings, etc.
-
-[Learn more → ](https://lodash.com/)
-
-## html2canvas
-
-The script allows you to take "screenshots" of webpages or parts of it, directly on the users browser. The screenshot is based on the DOM and as such may not be 100% accurate to the real representation as it does not make an actual screenshot, but builds the screenshot based on the information available on the page.
-
-[Learn more → ](https://github.com/niklasvh/html2canvas)
-
-## jsPDF
-
-A library to generate PDFs in JavaScript.
-
-[Learn more → ](https://github.com/MrRio/jsPDF)
-
-## Google Fonts
-
-Google Fonts is a great repository of open type fonts that are allowed to be used on the web. Reactive Resume uses Google Fonts to load different font families and allow the user to choose which font he/she would like on their resume.
-
-[Learn more → ](https://fonts.google.com/)
-
-## Material Icons
-
-Material icons are delightful, beautifully crafted symbols for common actions and items. Download on desktop to use them in your digital products for Android, iOS, and web.
-
-[Learn more → ](https://material.io/resources/icons/)
-
-## PostCSS
-
-PostCSS is a tool for transforming styles with JS plugins. These plugins can lint your CSS, support variables and mixins, transpile future CSS syntax, inline images, and more.
-
-[Learn more → ](https://postcss.org/)
-
-## PurgeCSS
-
-PurgeCSS analyzes your content and your css files. Then it matches the selectors used in your files with the one in your content files. It removes unused selectors from your css, resulting in smaller css files.
-
-[Learn more → ](https://github.com/FullHuman/purgecss)
-
-## VuePress
-
-VuePress is what made this documentation possible, with it's clean design and quick setup as well as the ability to use markdown to generate content, VuePress seemed like the best way to set up a cleaner documentation.
-
-[Learn more → ](https://vuepress.vuejs.org/)

docs/templates/README.md

@@ -1,33 +0,0 @@
----
-title: Templates
----
-
-# Templates
-
-<div style="display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem;
-">
-  <div>
-    <h2 id="onyx"><a href="#onyx" class="header-anchor">#</a> Onyx</h2>
-    <img src="./images/Onyx.png" />
-  </div>
-  <div>
-    <h2 id="pikachu"><a href="#pikachu" class="header-anchor">#</a> Pikachu</h2>
-    <img src="./images/Pikachu.png" />
-  </div>
-  <div>
-    <h2 id="gengar"><a href="#gengar" class="header-anchor">#</a> Gengar</h2>
-    <img src="./images/Gengar.png" />
-  </div>
-  <div>
-    <h2 id="castform"><a href="#castform" class="header-anchor">#</a> Castform</h2>
-    <img src="./images/Castform.png" />
-  </div>
-  <div>
-    <h2 id="glalie"><a href="#glalie" class="header-anchor">#</a> Glalie</h2>
-    <img src="./images/Glalie.png" />
-  </div>
-  <div>
-    <h2 id="celebi"><a href="#celebi" class="header-anchor">#</a> Celebi</h2>
-    <img src="./images/Celebi.png" />
-  </div>
-</div>

docs/translation/README.md

@@ -1,133 +0,0 @@
----
-title: Translation
----
-
-# Translation
-
-Translating the app into your own language has never been easier. The project makes use of a powerful online tool called [Crowdin](https://crowdin.com/) to help manage translations and updates made to the app.
-
-::: tip TL;DR
-If you are already familiar with the Crowdin platform and want to contribute your time to translating a few strings, just head to the link below and get started!
-
-### **[translate.rxresu.me](https://translate.rxresu.me/)**
-
-:::
-
-## Current Status
-
-### Completed Translations
-
-- Arabic `ar`
-- Chinese Simplified `zh`
-- Danish `da`
-- Dutch `nl`
-- English `en`
-- French `fr`
-- German `de`
-- Hebrew `he`
-- Hindi `hi`
-- Italian `it`
-- Kannada `kn`
-- Polish `pl`
-- Portuguese `pt`
-- Russian `ru`
-- Spanish `es`
-- Tamil `ta`
-- Vietnamese `vi`
-
-### Pending Translations
-
-- Afrikaans `af`
-- Assamese `as`
-- Catalan `ca`
-- Czech `cs`
-- Finnish `fi`
-- Greek `el`
-- Hebrew `he`
-- Hungarian `hu`
-- Japanese `ja`
-- Korean `ko`
-- Malayalam `ml`
-- Marathi `mr`
-- Norwegian `no`
-- Punjabi `pa`
-- Romanian `ro`
-- Swedish `sv`
-- Turkish `tr`
-- Ukrainian `uk`
-
-::: warning
-If your language is not available in the list above, send me an email at <a href="mailto:im.amruth@gmail.com">im.amruth@gmail.com</a> with your request or raise an issue on GitHub and I'll add it on the Crowdin Platform.
-:::
-
-## Translating through Crowdin
-
-### Step 1: Choose your Language
-
-<p style="text-align: center">
-  <img src="./images/language-options.png" alt="Choose your Language" width="50%" />
-</p>
-
-As mentioned above, all you need to do is go to the [Translation Portal ](https://translate.rxresu.me/) of Reactive Resume and select the language you want to begin translating to.
-
-### Step 2: Click on `Translate All`
-
-The PR would be accepted and merged only when the translations are 100% complete, which you can track through Crowdin.
-
-<p style="text-align: center">
-  <img src="./images/translate-all.png" alt="Translate All" width="40%" />
-</p>
-
-### Step 3: Create an Account with Crowdin
-
-You can use your email address and password, or for a quick getaway, use one of the many social providers to login quickly and get started.
-
-### Step 4.1: List of Strings to be Translated
-
-On the left sidebar, you can see a list of strings that are ready to be translated. The red box means it's not translated yet, and a green box means it has been translated to the target language.
-
-<p style="text-align: center">
-  <img src="./images/list-of-strings.png" alt="List of Strings to be Translated" width="40%" />
-</p>
-
-### Step 4.2: Enter the Translation using the Editor
-
-You can enter the translated string in the editor below. It is powerul enough to suggest you whether you have made any mistakes in the formatting of the string as well, and autocorrect them. Once you are done with the translation, click on the `Save` button.
-
-::: tip
-To make the process faster, you may also use Keyboard Shortcuts such as `Cmd/Ctrl + S`.
-:::
-
-<p style="text-align: center">
-  <img src="./images/translation-editor.png" alt="Enter the Translation using the Editor" width="80%" />
-</p>
-
-### Step 4.3: Make Use of the Translation Suggestions
-
-Crowdin is extremely powerful with NLP capabilities to understand your language and translate it automatically through numerous training provided through Open Source development. This will make your job much easier when translating from one language to another.
-
-<p style="text-align: center">
-  <img src="./images/translation-helper.png" alt="Make Use of the Translation Suggestions" width="80%" />
-</p>
-
-### Step 5: That's All Folks!
-
-Once you have translated all the strings, the integration between Crowdin and GitHub would kick in and start replacing the updated strings in the repo. I would get a notification around the same time to merge the PR, and once that's done you can use the app in your own language and share it with others in your community!
-
-## Translating through GitHub
-
-For those who don't want to go through the process of creating an account with Crowdin and be continuous contributors to the project's translation, you can also perform a one-off translation by editing the JSON files through GitHub. Here's how:
-
-### Step 1: Choose your Language
-
-Go to the `src/i18n/locales` folder in the master branch of the repository and choose the language of your choice. Alternatively, you can [click this link](https://github.com/AmruthPillai/Reactive-Resume/tree/master/src/i18n/locales) to go the specific folder in GitHub.
-
-Be careful as the folder only contains ISO-639-1 Two Letter Language Codes, so refer the [list above](#current-status) to find the corresponding language folder.
-
-### Step 2: Fork the Repository, Edit the `.json` Files
-
-By clicking on the Edit button in any of the files, it immediately creates a fork of the repository where you can edit the files at once. You may also choose to clone the forked repository locally and translate the strings using your favorite editor, then create a Pull Request for the changes.
-
----
-
-While this is a bit more time consuming because of the structure of files that has been set up, for those who know what they are doing and want to get translating quickly without any help, this is the quickest method. But for those who would like to stay in constant touch with the project and provide translations for future updates to come, the Crowdin path is recommended.