Skip to content

Latest commit

 

History

History
94 lines (77 loc) · 3.91 KB

README.md

File metadata and controls

94 lines (77 loc) · 3.91 KB
Raw

Welcome to my portfolio 👋

Version License: MIT Open Source Love png1

This is my portfolio, here I will show to you my skills, projects, a piece of my history as web developer, among other things.

🏠 Homepage

📑 Content

Features ⚡

Deployed in Vercel Vuejs Less Firebase EmailJs

Usage ⚒️

Firebase configuration ⚙️

  • Open the 'Src/Services/firebase.js' and put there your firebase app credentitals.
  const firebaseApp = firebase.initializeApp({
    apiKey: "<Your-Firebase-ApiKey>",
    authDomain: "<Your-Firebase-AuthDomain>",
    databaseURL: "<Your-Firebase-DatabaseURL>",
    projectId: "<Your-Firebase-ProjectId>",
    storageBucket: "<Your-Firebase-StorageBucket>",
    messagingSenderId: "<Your-Firebase-MessagingSenderId>",
    appId: "<Your-Firebase-AppId>"
  })
  • Change your firebase firestore rules
  rules_version = '2';
  service cloud.firestore {
    match /databases/{database}/documents {
      match /{document=**} {
        allow create: if request.auth == null;
        allow read, write: if request.auth.uid == '<Your-Admin-UID>';
        allow read: if request.auth.uid == '<Your-Observer-UID>'; // Optional
      }
    }
  }

EmailJs Configuration ⚙️

  • Open the 'Src/Services/emailjs.js' and put your User Id
  (function() {
    emailjs.init("<Your-UserId>")
  })()
  • Open your EmailJs Dashboard and create a new template
       - Create a template with your style, the email js will recive {{id}} {{email}} {{name}} {{message}} from the website.
  • Open the 'Src/Pages/contacts.vue.js' and in line 25 put your template configs
  emailjs.send('<service-id>', '<template-id>', this.contact // contact to send)

Click here to see EmailJs Integration docs

Observations ✨

Now the site uses Lessjs instead of CSS.
If you would like to use the CSS version click on the link below.
This version is made using CSS (This version will not receive new updates!)

Show your support 🤝

Give a ⭐️ if this project helped you!
Makes a pull request adding new features or solving bugs.
Create a Issue if you don't want to implement the feature or fix the bug.

Author 🧑‍💻

PatoGordo