ZepMail

Final Devlog
Fixed:
Frontend cropping issue
CORS configuration issue
Render route folder bug
MongoDB error handling and inbound request bug

Almost done!
Just need to add the message route and message model, write db.js, adjust the MX records in Namecheap, and deploy the backend on Render and the frontend on Vercel.

Created a new route for posting; inbound route is now separated.
Added Mailgun MX records to Namecheap DNS.
Temporary mail functionality is working locally.

Basically, I added two more routes, set up the Mailgun MX records, reorganized the directory structure, and fixed a Node.js server crash that was caused by a module/ES module import type mismatch.
and yay the route is workin - you can see output below!
also, I realized I should post devlogs more often!

Completed the frontend
Fixed the refresh button issue
Improved the light mode gradient
Updated the refresh button to send a fetch request
Initialized the backend
Created a basic route

Done with the frontend.

• Removed the initial loading screen
  -Fixed the dark mode toggle
  -Added a favicon and page title
  -Separated components, utilities, and functions

I’ll start working on the backend next, beginning with setting up the routes.

Done with CSS & styling!
the inbox UI/UX upgrade below

I should write devlogs more often!
Anyway, I mainly worked on the UI and styling header, panel, topbar, and sidebar. The styling for those is done. The message view and a few minor styling details are still remaining (you can see them in the second image).

Did quite some things

• Created a new logo and banner for ZepMail.
  -Refreshed the function logic in React.
  -I’m considering removing const hasMsgs = useMemo(() => messages.length > 0, [messages]); because it seems unnecessary.

First Devlog!
I’ve finished the basic frontend structure using React & will start adding styles now!
yhh course app turned into temp-mailer 😭