Technical Stacks

• Front end: React, Redux, React Router, Tailwind CSS, Yup, Formik
• Back end: Flask Microservices, Node.js, RESTful APIs
• Database: MySQL (AWS RDS)
• Authentication & Security: JWT in each service
• Storage & Message: AWS S3, Redis, RabbitMQ
• API Communication: Axios, Nodemailer, Gmail SMTP service

Architecture

We have 9 microservices in total, gateway service, email service and message service used the Node + Express framework, the rest use Flask.

Frontend

Already registered:

Invalid email format:

Register successfully, redirect to login page after 2 seconds:

Using useEffect() hook and useLocation() to automatically fill out the email and password input:

Resolve the user verified status from jwt and check if the user has already verified email, if not:

If user choose to verify now, click the send verification code:

Email sent to the user’s address, input the code and then jump to the user home page

Banned User: (Jump to contact user…)

User Profile

• Upload profile image:

• View top 3 posts: (most reply counts)

• View history

Post & Reply

• Home page:

• Create new post/draft

• My posts

• Detail page

• Archive the post, do not allow replying

• Edit Post:

Updated successfully:

Contact us

Admin

• Admin dashboard: more filters

• User Management

• Message management

Super Admin