Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/philight/email-form-sender

[hello-world, full-stack, marketing]
https://github.com/philight/email-form-sender

api-server authentication form-validation framer-motion grpc grpc-server material-ui mongodb nodemailer prisma reactjs tailwindcss typescript

Last synced: about 2 months ago
JSON representation

[hello-world, full-stack, marketing]

Awesome Lists containing this project

README

        

# Email sender: Fullstack app
> FE: Vite + React + TypeScript + TailwindCSS

> BE: Express API server + gRPC MAILER server

### Description:

- Authenticated client - server app for sending emails via nodemailer


## 🚀 LIVE

## 📺 DEMO

![](https://github.com/Philight/email-form-sender/blob/main/preview/preview.gif)

## 🖋️ SKETCH

- Figma: Prototype document


## 🧰 BUILT WITH

### ⛰️ FRONTEND

- React.js [ *Hooks, Refs, Context, Reducer* ]
- MaterialUI
- HTML
- CSS [ *TailwindCSS* ]
- Javascript [ *Typescript* ]
- Framer Motion

### 🛤️ BACKEND

- API server: Node.js [ *Express.js, Typescript* ]
- gRPC server: Protobuf [ *@grpc/grpc-js, @grpc/proto-loader, Typescript* ]

### 💠 PLUGINS & TOOLS

- eslint, Prettier
- yup, joi
- jwt, bcryptjs
- ImageKit
- axios
- nodemailer, pug

### 🏗️ BUILD & DEPLOYMENT

- vite
- git [ *GitHub* ]

### 🗃️ DATABASE

- MongoDB [ *Prisma* ]


## ⚙️ AVAILABLE SCRIPTS

In the root directory, you can run:
```
npm run start
```
- Installs packages and runs API server, gRPC server and frontend client concurrently on localhost. Available at: localhost:8000, localhost:9000 and localhost:4001 respectively.