sdsmeta

Spring React Week @devsuperior

https://sdsmeta-juliocorrea.netlify.app/

A full-stack project integrated with twillio, capable of sending an sms to a specific mobile number with the information contained in the fields of the table presented on the screen.

Project Screens

WEB screen

Mobile Screen

Technologies used

Back end

Java
Spring Boot
JPA / Hibernate
Maven

Front end

HTML / CSS / JS / TypeScript
ReactJS
Axios

Production deployment

Backend: Heroku
Front end web: Netlify
Database: Postgresql

Would you like to test?

First you need to create an account at: https://www.twilio.com/

# clone repository
git clone git@github.com:Jota-Erre-JR/sdsmeta.git

Back end

Step: Deploy to Heroku

Create app on Heroku
Set environment variables with values from your TWILLIO account:
- TWILIO_SID
- TWILIO_KEY
- TWILIO_PHONE_FROM
- TWILIO_PHONE_TO

heroku -v
heroku login
heroku git:remote -a <app-name>
git remote -v
git subtree push --prefix backend heroku main

Front end web

Step: Deploy on Netlify

https://www.netlify.com/

Basic Deployment

-Base directory: frontend -Build command: yarn build -Publish directory: frontend/dist -Environment variables:

VITE_BACKEND_URL

additional settings

Site settings -> Domain Management: (put whatever name you want)

Deploys -> Trigger deploy

Autor

Julio Correa

GitHub

View Github