Premail

• 

  user interface

So what is Premail?

Premail is a full-stack application built so you never have to worry about whether or not now is the right time to send an email. With Premail, you can schedule a date and time for your email to send to align with the context of any situation. After all, maybe you don't want your group reminder email to send just because you were up writing it at 3 in the morning. This service integrates seamlessly with Gmail, so you do not have to sacrifice your email workflow for perfect timing.

How did I build it?

I built the frontend in React, Typescript and Tailwind. I used Framer Motion for some viewport animations as well. The backend was built in Node, utilizing Firebase Functions to integrate with the Gmail API. I used Firebase for my database and authentication.

Challenges

This was my first full project with both a frontend and a backend. So, system design and planning was my biggest challenge when building this project. For one, I had to evaluate how each component would interact with the backend, and connect API endpoints to these frontend components, while designing a clean, usable and accessible user interface.

Built With

• firebase
• firebase-auth
• firebase-functions
• react
• tailwind
• typescript