DEV Community

Cover image for Full Stack Reddit Clone - Spring Boot, React, Electron App - Part 3

Posted on • Updated on

Full Stack Reddit Clone - Spring Boot, React, Electron App - Part 3

Full Stack Reddit Clone - Spring Boot, React, Electron App - Part 3


Welcome to Part 3 of creating a Reddit clone using Spring Boot, and React.

What are we building in this part?

  • Spring Security
  • Registration Logic
  • Registration Endpoint
  • Password Encoding
  • Activation Emails
  • Verification/Activation Endpoint

In Part 2 we created all of entities and repositories needed within our backend!

Important Links

Part 1: Spring Security 🔒

Let's cover the different configuration classes we will need. Inside com.your-name.backend create a new package called config, and add the following classes.

  • Security: Handles the security configuration for the whole application, and handles encoding the password before storing it into the database.
package com.maxicb.backend.config;

    import org.springframework.context.annotation.Bean;

    public class Security extends WebSecurityConfigurerAdapter {

        public void configure(HttpSecurity httpSecurity) throws Exception {

        PasswordEncoder passwordEncoder() {
            return new BCryptPasswordEncoder();
Enter fullscreen mode Exit fullscreen mode
  • Constants: Defines the link to the activation endpoint that will be sent inside the account activation email.
    package com.maxicb.backend.config;

    import lombok.experimental.UtilityClass;

    public class Constants {
        public static final String EMAIL_ACTIVATION = "http://localhost:8080/api/auth/verify";
Enter fullscreen mode Exit fullscreen mode

Part 2: Registration Request Data Transfer Object - DTO 📃

Let's cover the different DTO classes we will need. Inside com.your-name.backend create a new package called dto, and add the following classes.

  • RegisterRequest: Defines the data that our backend will recieve from the client during a registration request.
    package com.maxicb.backend.dto;

    import lombok.AllArgsConstructor;
    import lombok.Data;
    import lombok.NoArgsConstructor;

    public class RegisterRequest {
        private String username;
        private String email;
        private String password;
Enter fullscreen mode Exit fullscreen mode

Part 3: Activation Exception Creation 📛

Let's cover all of the custom exceptions our application will have. Inside com.your-name.backend create a new package called exception, and add the following classes.

  • ActivationException: Custom exception to handle errors when sending users activation emails
    package com.maxicb.backend.exception;

    public class ActivationException extends RuntimeException {
        public ActivationException(String message) {
Enter fullscreen mode Exit fullscreen mode

Part 4: Email Builder 🛠

Let's cover all of the different email building classes our application will have. Inside com.your-name.backend create a new package called service, and add the following classes.

We also need to add the @EnableAsync annotation to our class to reduce the amount of time the user is waiting during registration. The reason this is needed is due to the registration endpoint hanging when sending the account activation email.

  • BackendApplication - Updated:
    package com.maxicb.backend;

    import org.springframework.boot.SpringApplication;
    import org.springframework.boot.autoconfigure.SpringBootApplication;
    import org.springframework.scheduling.annotation.EnableAsync;

    public class BackendApplication {

        public static void main(String[] args) {
  , args);

Enter fullscreen mode Exit fullscreen mode
  • MailBuilder: Holds the logic to create our email using a HTML template we will create later.
    package com.maxicb.backend.service;

    import lombok.AllArgsConstructor;
    import org.springframework.stereotype.Service;
    import org.thymeleaf.TemplateEngine;
    import org.thymeleaf.context.Context;

    public class MailBuilder {

        TemplateEngine templateEngine;

        String build(String message) {
            Context context = new Context();
            context.setVariable("body", message);
            return templateEngine.process("mailTemplate", context);
Enter fullscreen mode Exit fullscreen mode
  • MailService: Holds the logic to send a user an account activation email.
    package com.maxicb.backend.service;

    import com.maxicb.backend.exception.ActivationException;
    import com.maxicb.backend.model.NotificationEmail;
    import lombok.AllArgsConstructor;
    import org.springframework.mail.MailException;
    import org.springframework.mail.javamail.JavaMailSender;
    import org.springframework.mail.javamail.MimeMessageHelper;
    import org.springframework.mail.javamail.MimeMessagePreparator;
    import org.springframework.scheduling.annotation.Async;
    import org.springframework.stereotype.Service;


    public class MailService {

        JavaMailSender javaMailSender;
        MailBuilder mailBuilder;

        void sendEmail(NotificationEmail notificationEmail) {
            MimeMessagePreparator messagePreparator = mimeMessage -> {
                MimeMessageHelper messageHelper = new MimeMessageHelper(mimeMessage);
            try {
                System.out.println("Activation Email Sent");
            } catch (MailException e) {
                throw new ActivationException("Error sending activation email to " + notificationEmail.getRecepient());
Enter fullscreen mode Exit fullscreen mode

Part 5: Email Template 📧

Let's add the HTML email template our application will use for account activation. Inside resources.templates create a new file called mailTemplate.html, and add the following template.

<!DOCTYPE html>
<html lang="en" xmlns="" xmlns:th="">
<span th:text="${body}"></span>
Enter fullscreen mode Exit fullscreen mode

Part 6: Authentication Service 🗝

Let's cover all of the different authentication services our application will have. Inside add the following class.

  • AuthService: Holds the logic to register a user and store them inside the database, encoding of users passwords, verifying tokens, and enabling of accounts.
    package com.maxicb.backend.service;

    import com.maxicb.backend.dto.RegisterRequest;
    import com.maxicb.backend.exception.ActivationException;
    import com.maxicb.backend.model.AccountVerificationToken;
    import com.maxicb.backend.model.NotificationEmail;
    import com.maxicb.backend.model.User;
    import com.maxicb.backend.repository.TokenRepository;
    import com.maxicb.backend.repository.UserRepository;
    import lombok.AllArgsConstructor;
    import org.springframework.stereotype.Service;
    import org.springframework.transaction.annotation.Transactional;

    import java.time.Instant;
    import java.util.Optional;
    import java.util.UUID;

    import static com.maxicb.backend.config.Constants.EMAIL_ACTIVATION;


    public class AuthService {

        UserRepository userRepository;
        PasswordEncoder passwordEncoder;
        TokenRepository tokenRepository;
        MailService mailService;
        MailBuilder mailBuilder;

        public void register(RegisterRequest registerRequest) {
            User user = new User();


            String token = generateToken(user);
            String message ="Welcome to React-Spring-Reddit Clone. " +
                    "Please visit the link below to activate you account : " + EMAIL_ACTIVATION + "/" + token);
            mailService.sendEmail(new NotificationEmail("Please Activate Your Account", user.getEmail(), message));

        private String encodePassword(String password) {
            return passwordEncoder.encode(password);

        private String generateToken(User user) {
            String token = UUID.randomUUID().toString();
            AccountVerificationToken verificationToken = new AccountVerificationToken();
            return token;

        public void verifyToken(String token) {
            Optional<AccountVerificationToken> verificationToken = tokenRepository.findByToken(token);
            verificationToken.orElseThrow(() -> new ActivationException("Invalid Activation Token"));

        public void enableAccount(AccountVerificationToken token) {
            String username = token.getUser().getUsername();
            User user = userRepository.findByUsername(username)
                    .orElseThrow(() -> new ActivationException("User not found with username: " + username));
Enter fullscreen mode Exit fullscreen mode

Part 7: Authentication Controller 🌐

Let's add the authentication controller our application will use. Inside com.your-name.backend create a new package called controller, and add the following classes..

  • AuthController: Defines the different endpoints for registering a user, and activating account's when user's visit the activation link sent in the email.
    package com.maxicb.backend.controller;

    import com.maxicb.backend.dto.RegisterRequest;
    import com.maxicb.backend.service.AuthService;
    import lombok.AllArgsConstructor;
    import org.springframework.http.HttpStatus;
    import org.springframework.http.ResponseEntity;
    import org.springframework.web.bind.annotation.*;

    public class AuthController {

        AuthService authService;

        public ResponseEntity register(@RequestBody RegisterRequest registerRequest) {
            return new ResponseEntity<>(HttpStatus.OK);

        public ResponseEntity verify(@PathVariable String token) {
            return new ResponseEntity<>("Account Activated", HttpStatus.OK);
Enter fullscreen mode Exit fullscreen mode

Conclusion 🔍

  • To ensure everything is configured correctly you can run the application, and ensure there are no error in the console. Towards the bottom of the console you should see output similar to below

Alt Text

    "username": "test",
    "email": "",
    "password": "test12345"
Enter fullscreen mode Exit fullscreen mode
  • Once you recieve a 200 OK status back you can check you inbox to find the activation email that was sent. The link should look similar to http://localhost:8080/api/auth/verify/{token}, be sure to omit the &lt from the end of the link. Navigation to the link will activate the account, and you should see "Account Activated" displayed as a response.

  • In this article we added Spring Security, user password encoding, sending account activation emails, and created the logic and endpoints to handle account registration, and activation.

  • After creating all of the different classes, and writing all of the code your project structure should look similar to below

Alt Text

Next Part 4

Top comments (0)