What I've Built

Here are some of the projects I’ve worked on — blending creativity, code, and a drive to solve real-world problems through technology.

Project Snippet

const { success, data, error } = await getQuestions({
  page: Number(page) || 1,
  pageSize: Number(pageSize) || 10,
  query: query || "",
  filter: filter || ""
})

const { questions, isNext } = data || {}

<DataRenderer
  success={success}
  error={error}
  data={questions}
  empty={EMPTY_QUESTIONS}
  render={(questions) => (
    <div className="mt-10 flex flex-col gap-6">
      {questions.map((question) => (
        <QuestionCards key={question._id} question={question} />
      ))}
    </div>
  )}
/>

const { success, data, error } = await getQuestions({
  page: Number(page) || 1,
  pageSize: Number(pageSize) || 10,
  query: query || "",
  filter: filter || ""
})

const { questions, isNext } = data || {}

<DataRenderer
  success={success}
  error={error}
  data={questions}
  empty={EMPTY_QUESTIONS}
  render={(questions) => (
    <div className="mt-10 flex flex-col gap-6">
      {questions.map((question) => (
        <QuestionCards key={question._id} question={question} />
      ))}
    </div>
  )}
/>

Showing code in: typescript

"Every line of code is a step toward turning ideas into impact."

This snippet is from DevFlow, a Q&A platform I built inspired by StackOverflow. It handles fetching and rendering a paginated list of questions from the database, complete with filtering and error handling.

DevFlow

Q&A platform for developers inspired by StackOverflow

Tech Stack: Next.js, Tailwind, Mongo DB

View Project

RyanCode

What I've Built

Project Snippet

Tech Stack