CodeSequence Blog App

A developer-focused blogging platform where I learned advanced text editing, SEO optimization, and content management systems from the ground up.

CodeSequence Blog App

ProjectOverview

CodeSequence is a FullStack Blog app built with Next.js and Tailwind CSS. I used TipTap for rich text editing, added markdown conversion to support SEO, and worked on making the writing experience feel smooth and easy. It also gave me experience with structuring databases for content, and setting up workflows for editing and publishing. Using Supabase and Prisma helped me get more familiar with modern backend tools and handling real-time data

Keyfeatures

Rich Text Editor

Integrated TipTap editor with custom extensions.

Syntax Highlighting

Implemented code highlighting with react-syntax-highlighter,with language detection and syntax parsing.

Google Authentication

Used Next Auth for Google authentication.

Markdown Conversion

Added automatic markdown export features, understanding content transformation and SEO optimization.

Performance Optimized

Implemented lazy loading and code splitting, learning about performance optimization and user experience.

TechnologiesUsed

Next.js logo

Next.js

NextAuth

Prisma logo

Prisma

Supabase logo

Supabase

TipTap Editor

Tailwind CSS logo

Tailwind CSS