This is a personal project where I document my development experiences and personal studies.
Currently changing the project structure.
- NextJS
- Typescript
- tailwind (main)
- Styled Components (MUI) (sub)
- Material-UI (MUI)
- Docker(compose)
Below are the features of this blog:
Upload posts that contain a title, subtitle, description, thumbnail, tags, and body. The post body is managed by MarkDown and uses the react-md-editor for editing. Additionally, users can upload images to the server directly from the editor by pasting.
The blog includes a main page that shows recommendations, regulars, and recents posts. Additionally, users can access a page that lists all posts in the order of the most recent ones. The post list is implemented using infinity-scroll.
Use OAuth login (kakao) for admin authorization (writing and editing permission).
All pages have responsive design.
The blog includes some unique functionalities that are not commonly found in blogs, such as:
- ✅ /profile page.
(Only mobile works) Sync the profile card with the gyroscope of the mobile device.
🥚🐰 There is an Easter egg to reaching this page! - ✅ /post/10(Baekjoon) page.
It shows Baekjoon ranking in real-time. - 🚧 /village/square page offers virtual space with real-time chatting and character moving. Up to 5 people can access this service.
Thank you for checking out my blog!