Devflow

Devflow is a developer-friendly platform to manage code snippets.

Fullstack Developer24 March – 11 AprilSolo Project
Project image 1
Next.jsTailwindMongoDBTypeScriptMongooseAuth.jsReactShadCN UIPinoZodMDX

Key Features

  • Ask and answer developer questions
  • Authentication with Google & GitHub
  • Tagging system for tech stack
  • Syntax highlighted code editor
  • Answer Form and Ask Question Form
  • Responsive light/dark UI inspired by StackOverflow
  • AI Answer Generation
  • AI Language Selector
  • Profile Edit

What I Learned

Through this project, I learned to structure a full-stack app with Next.js and handle dynamic routing, image optimization, and server-side rendering. I also learned how to implementation AI API and authentication with Auth.js. I also learned how to use Pino for logging and monitoring the application. I also learned how to use ShadCN UI for building a responsive UI.

Project Purpose

To create an interactive and AI-enhanced platform for developers to share, manage, and get answers to code-related problems efficiently.

404Ryan

"Crafting Innovative Web Experiences"