top of page

Novel Sharing Platform

圖片1.png
Overview

Timeline: Spring 2023
Role: Full-stack Developer & Designer
Tools: Django, HTML, CSS, JavaScript

A web platform designed to share and explore a novel (Mermaid’s Fall) with interactive and community-driven features.

Goal
  • Share a favorite novel

  • Create an engaging user experience

  • Learn full-stack development

Design Solution: Features

1. Introduction
    • Author, story background, characters

2. Adaptation
    • Radio drama
    • Manga carousel

3. Merchandise
    • Product browsing
    • Order form
    • Order tracking

4. Reader Forum
    • Member-only interaction
    • Posts, tagging, reading diary

圖片2.png
圖片3.png

Merchandise Order Tracking

Reader Forum Member-only Interaction

圖片4.png

Post Diary

Technical Implementation
  • Django Models (ForeignKey, ManyToMany)

  • Materialize CSS for UI

  • jQuery for interactivity

Reflection

Key Learning
• UX design significantly impacts engagement
• Structuring content improves usability

Product Thinking
• Community features increase retention
• Personalization enhances user experience

Outcome
  • Built a fully functional web application

  • Improved user engagement through interactive features

  • Strengthened full-stack development skills

bottom of page