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