Source code behind the website dkanandbio.web.app
The database is served from Firebase (https://firebase.google.com/) and the front-end is built using Lightning Web Components OSS (https://lwc.dev/)
Firebase | Lightning Web Components (OSS) |
The styling (grid system, timeline, meters and avatar) is implemented using Spectre.css (https://picturepan2.github.io/spectre/)
Each section is a Lightning Web Component namely:
- HEADER
- EXPERIENCE
- INDUSTRY EXPERIENCE
- SKILLS
- EDUCATION
- ACHIEVEMENTS
- STRENGTHS
- CERTIFICATIONS
- SOCIAL MEDIA
- AWARDS
- VOLUNTEERING
- PRODUCTS
See - https://github.com/Deepak-K-Anand/Personal-Website/tree/master/src/modules/resume
Here is a brief outline of how the Data Flows:
- The
APP
component (https://github.com/Deepak-K-Anand/Personal-Website/blob/master/src/modules/resume/app/app.js) uses the Firebase Web SDK to query the entireJSON document
from the Firebase Server - This entire JSON document is then passed as an attribute to all the child components
The interactive Chat Widget is a re-imagined Contact Me built using the Open Source Conversational Chat Form Framework - https://space10-community.github.io/conversational-form/
The submissions are saved into a Firebase database and email notifications are sent using Zapier (https://zapier.com/apps/firebase/integrations).