BlooBolt

Communication Community for Service Development Professionals (Service Ended)

A
Space
for
Smooth
Communication

A web service where professionals in service development, including planners, developers, and designers, gather to reduce the difficulties of technical communication and get to know each other.

https://user-images.githubusercontent.com/70316567/244946346-3dfd6ee7-5051-45f9-8596-f566d2f669e4.gif
Images Slider
Square
Infinite Scrolling
1 / 21
Improved user experience and distributed transmission of accumulated post data due to service characteristics. Initial loading of 12 posts. As you scroll, an additional 12 posts are loaded.
Service Description
Overview
Planning Intent
I planned this community after experiencing the inconvenience of communication through several team projects at school. I observed differences in technical understanding among team members, conflicts arising from these differences, and a lack of knowledge about each other's positions within the team. I wanted to create a space for professionals to ask questions about different positions or roles within the same profession, share the latest trend information, and prepare to build a team together.
It operates on a postcard-style communication method, allowing users to record text, photos, comments, and create profiles. It includes features such as profile creation, following, and a member ranking system. Profiles are color-coded based on the user's position, and rank and current role information in the industry are displayed for easy identification of the member's role.
Implemented Features
User
Normal/Social sign-up, email verification, login, password change/reissue, profile avatar and content creation, user rank, trace (follow), user report, user suspension
Post
Post creation/deletion/modification/blind, multiple image uploads, image slider, image compression, post sympathy function, comment creation/modification/deletion, post search, hashtag search, infinite scrolling post loading, recommended post loading
Common
Server-side rendering, responsive web screen
Issues
Data not being added multiple times when scrolling
Due to the use of the existing scroll method, situations occurred where data loading requests were missing in event handlers with many branching conditions. I applied Intersection Observer, refactored the code, and removed multiple event request methods to improve performance.
Learn more
Technology
Front-end
TypeScript, React, Redux Toolkit, Next, Tailwind
Back-end
Express, Sequelize(MySQL)
Deploy
AWS(EC2+S3+Lambda)
Secure
Nginx + HTTPS