Skip to content

DatGreekChick/personal

Repository files navigation

personal

codecov-badge

For information on my journey to becoming a Software Engineer, check out my Medium article on Codeburst.


Tech Stack

  • ⚛️ React for speed, scalability, and simplicity
  • ️⚒️ RTK Query for cleaner Firebase queries and built-in caching
  • 🔥 Firebase for painless deployment and realtime data storage/display
  • 💅🏾 styled-components for easy CSS styling
  • 📧 EmailJS for server-less contact form submissions direct to my inbox
  • 🦀 bun for fast development, build times, and building all assets
  • 🧪️ @testing-library/react and msw for robust frontend testing

Frontend

The frontend starts in main.js. The root of the React app is in App.jsx.

Progressive Web App (PWA)

Google Chrome's Lighthouse is a great tool that has many audit categories. By following their tips, upon visiting my page, there is a service worker registered, which caches the root and all styles. It's also fun to see scores of 💯

React Google Recaptcha

I have implemented a form on /contact that sends submissions directly to my inbox using emailjs. The Google ReCAPTCHA library helps verify a human's (online) humanity to prevent bots from submitting the form. It uses ReCAPTCHA v3, which is invisible.