Spring React Week - A full-stack project integrated with twillio, capable of sending an sms to a specific mobile number

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