WEB DEV PROJECT

    DevOverflow - A Stack Overflow Clone

    DevOverflow

    My Role

    Software Engineer

    Start Date

    01/03/2024

    End Date

    31/04/2024

    Technologies used

    Tech Stack

    React
    Next.js
    TypeScript
    HTML
    CSS
    Tailwind CSS
    Git
    Github
    MongoDB

    DevOverflow - A Stack Overflow clone. It includes features such as a recommendation system for posts, global database data-fetching, AI generated answers to questions, badge & reputation system, views & voting mechanism and filter & pagination.

    The platform offers a comprehensive suite of features designed to enhance user experience and functionality. With seamless authentication, users can effortlessly log in or sign up, ensuring quick access to their accounts. Profile management is intuitive, allowing users to easily update their details and link social media accounts for improved connectivity.

    In additon to posting and answering a question, users can explore related post content effortlessly. The powerful search and filter capabilities enable swift post retrieval through global search options and specific filtering criteria. Post collection is streamlined with pagination features, making post exploration simple and organized.

    Our responsive design guarantees seamless functionality and aesthetics across all devices, ensuring a consistent and pleasant user experience. Additionally, our platform is built with a focus on robust code architecture and reusability, promoting long-term maintainability and scalability.

    Problem

    Problem Statement

    Developer Q&A platforms are crucial for knowledge sharing and community engagement, but many existing solutions fall short in delivering a seamless and intuitive user experience. Users often face difficulties in navigating complex interfaces, managing profiles, and finding relevant content efficiently. Additionally, these platforms may lack advanced features such as AI-generated answers, robust recommendation systems, and comprehensive user reputation mechanisms. Ensuring responsive design and maintainable code architecture further complicates the development and scaling of these platforms.

    Cars
    HIGH-FIDELITY FIGMA DESIGN
    Figma

    Way of working

    My Process

    Definition

    Definition

    Design

    Design

    Planning

    Planning

    Development

    Development

    Deployment

    Deployment

    Problem

    Challenges & Learnings

    CHALLENGES

    bullseye

    Using Mongoose ODM and MongoDB.

    bullseye

    I conducted brainstorming and carefully weighed my options before making a decision. Furthermore, using Mongoose and MongoDB was a new experience for me, and I encountered difficulties while implementing its features. Finally, I had to work under time constraints, which added pressure to the project.

    bullseye

    However, I overcame these obstacles and ultimately delivered a high-quality product within the given timeline.


    LEARNINGS

    tick

    Gained extensive knowledge of TinyMCE, Clerk and AuthO.

    tick

    Sharpened my backend skills, specifically in optimizing database queries, improving performance, and handling server-side logic.

    tick

    Learned how to properly handle files, including file upload, storage, and retrieval, ensuring that the app's data is organized & easily accessible while keeping it secure.

    tick

    Acquired proficiency in NextJS and implemented various features utilizing industry-standard best practices.

    Projects

    Other Case Studies

    GitNote

    GitNote

    A knowledge repository for Developers


    RentWheels

    RentWheels

    A Car Rental Application

    Have a project in mind that requires technical expertise?

    © 2024 Manmeet Johal. All rights reserved.
    LinkedIn
    GitHub