Login

u/YoghurtParking2250

▲ 5 r/AWS_cloud

How do i get to use https for free for my ec2 instance?

I will have an ec2 instance containing db server and api. How do i put https into the ec2 instance for free without an ALB.

The purpose is to access the ec2 instance from anywhere via https. I do not want to use ALB because it is out of my budget.

reddit.com
u/YoghurtParking2250 — 3 days ago
▲ 0 r/Backend

What's the best way to learn apache kafka from scratch as an absolute beginner to messaging queues?

I have no idea what to do or how to learn or implement it in my java spring boot learning journey

reddit.com
u/YoghurtParking2250 — 7 days ago
▲ 0 r/reactjs

How do I do this in reactjs?

Those cards represent days in a month, how do i do this? implement this? I want to colors of the cards to change depending on the score if it is positive or negative, how do i implement this? they say useref cannot be used within loops...

i want to loop through and change the colors of the card depending on the score of the day, how do i do this? how do i make my code cleaner? thanks!

Like loop through the cards then add a class like bg-primary, how do i do that? how do i make them loopable? i cant use useref because it wont work in forloops.

day: score

{
    "5": 1.5,
    "11": 0.5,
    "12": 1.5,
    "13": -3.5
}

code:

import "./ThoughtMap.css"
import React from 'react'
import { useState, useEffect, useRef } from "react"
import { useNavigate, Link } from "react-router-dom"
import PrivateNavbar from '../../layouts/PrivateNavbar'
import PrivateSidebar from '../../layouts/PrivateSidebar'
import Container from 'react-bootstrap/Container';
import Row from 'react-bootstrap/Row';
import Col from 'react-bootstrap/Col';
import Table from 'react-bootstrap/Table';
import { config } from '../../constants/Constants'
import jwt_decode from "jwt-decode"
import { useSelector, useDispatch } from 'react-redux'
import toast, { Toaster } from 'react-hot-toast'


export default function ThoughtMap() {
  const navigate = useNavigate()


  const [errors, setErrors] = useState()
  const [loading, setLoading] = useState(false)
  const [jwt, setJwt] = useState()
  useEffect(() => {
    const jwt = JSON.parse(localStorage.getItem(config.WELLBEINGv1_JWT))
    if (jwt) {
      let decodedJwt = jwt_decode(jwt)
      let currentDate = new Date()
      if (decodedJwt.exp * 1000 < currentDate.getTime()) {
        localStorage.setItem(config.WELLBEINGv1_JWT, null)
        navigate("/signin")
      } else {
        setJwt(jwt)
      }
    } else {
      navigate("/signin")
    }
  }, [])



  const thoughtMap = (<>
    <div className="pt-3"></div>


    <div className="card">
      <div className="card-body text-center">
        May 2026
      </div>
    </div>
    <Table className="text-end" bordered size="sm">
      <tbody>
        <tr>
          <td className="col-1 text-center">S</td>
          <td className="col-1 text-center">M</td>
          <td className="col-1 text-center">T</td>
          <td className="col-1 text-center">W</td>
          <td className="col-1 text-center">T</td>
          <td className="col-1 text-center">F</td>
          <td className="col-1 text-center">S</td>
        </tr>
        <tr>
          <td className="col-1"><div className="card border-primary" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-light" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-info" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
        </tr>
        <tr>
          <td className="col-1"><div className="card border-primary bg-danger" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-secondary" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-secondary" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-light" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-light" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-secondary" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-light" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
        </tr>
        <tr>
          <td className="col-1"><div className="card border-primary bg-secondary" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-light" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-secondary" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-light" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-light" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-light" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-secondary" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
        </tr>
        <tr>
          <td className="col-1"><div className="card border-primary bg-danger" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-light" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-light" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-info" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-light" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-light" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-light" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
        </tr>
        <tr>
          <td className="col-1"><div className="card border-primary bg-info" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-primary" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-light" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-light" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-light" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-light" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary bg-light" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
        </tr>
        <tr>
          <td className="col-1"><div className="card border-primary bg-light" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
          <td className="col-1"><div className="card border-primary" style={{height: 48+'px'}}><div className="card-body"></div></div></td>
        </tr>
      </tbody>
    </Table>


    {(loading) && (
      <div class="d-flex justify-content-center col-12 flex-grow-1">
        <div className="spinner-grow text-secondary">
          <span class="visually-hidden">Loading...</span>
        </div>
      </div>


    )}


    {(errors) && (
      <div className="alert alert-danger">
        {errors['error(s)']?.map(e => { return <p>{e}</p> })}
      </div>
    )}


  </>)


  return (
    <>
      <PrivateNavbar active="thoughtmap" />
      <Container fluid>
        <Row>
          <Col lg="3" className="border d-none d-lg-block bg-light position-fixed p-0">
            <PrivateSidebar active="thoughtmap" />
          </Col>
          <Col className="col-lg-9 offset-lg-3 col-md-12 offset-md-0">
            {thoughtMap}
            <Toaster />
          </Col>
        </Row>
      </Container>
    </>
  )
}
reddit.com
u/YoghurtParking2250 — 7 days ago
▲ 10 r/Backend

I know spring jpa, security, etc... jwt authentication... crud restapi

How can i level up my java spring boot skills and backened skills in general...

What topics, concepts should i learn and why?

reddit.com
u/YoghurtParking2250 — 17 days ago