Web Dev Project

DevFlow - A modern Stackoverflow clone

DevFlow
Demo Site

My Role

Software Engineer

Start Date

21.05.2024

End Date

09.04.2024

Technologies used

Tech Stack

Introducing DevFlow, a powerful demonstration of my software development expertise and commitment to modern technologies. DevFlow is a sophisticated application built using Next.js for a streamlined frontend experience and integrated with a robust backend, all crafted with the precision of TypeScript. DevFlow stands out with its clean and modern design, meticulously developed to enhance user engagement and streamline interactions. The application is designed to provide a seamless experience, offering intuitive navigation and visually appealing interfaces that highlight my dedication to both design elegance and technical prowess. This is the project i did from the JavaScript Mastery course, it is a clone of stackoverflow, it has all the features of stackoverflow, like asking questions, answering questions, upvoting, downvoting, commenting, etc.

HIGH-FIDELITY FIGMA DESIGN

figma

Way of work

My Process

def
Definition
design
Design
plan
Planning
dev
Development
deploy
Deployment

Problem

Challenges & Learnings

CHALLENGES

challenge

It was a full new project, I had to learn a lot of new things, like how to use MongoDB, how to use NextJS, how to use TailwindCSS, how to use TypeScript, etc.

challenge

My first fullstack project, I had to learn how to connect the frontend with the backend, how to send data from the frontend to the backend, how to get data from the backend to the frontend, etc.

LEARNINGS

check

Through the progress of the project, I learned a lot of new things, like how to use MongoDB, how to use NextJS, how to use TailwindCSS, how to use TypeScript, etc.

check

I learned how to connect the frontend with the backend, how to send data from the frontend to the backend, how to get data from the backend to the frontend, etc.

check

I learned how to create fullstack project, and how to deploy it to the internet.

Projects

Other Case Studies

project

Purpfolio

Introducing Purpfolio, a modern, open-source portfolio solution designed to showcase creativity and skills with simplicity and style. Purpfolio is a one-page, fully customizable portfolio built with a clean, dark-purple theme that creates a professional yet inviting aesthetic. Purpfolio’s structure is thoughtfully crafted for ease of customization; all modifications can be made from just two files, allowing users to tailor the content and design effortlessly to reflect their unique personality and expertise. This portfolio includes an engaging "About Me" section, a visually striking header, and dedicated sections for projects, technologies, and more—all strategically organized to maximize impact and readability. Purpfolio also features a fully functional contact form, making it easy for visitors to connect. This project not only emphasizes my design skills but also showcases my ability to build streamlined, user-friendly applications.

project

DevFlow

Introducing DevFlow, a powerful demonstration of my software development expertise and commitment to modern technologies. DevFlow is a sophisticated application built using Next.js for a streamlined frontend experience and integrated with a robust backend, all crafted with the precision of TypeScript. DevFlow stands out with its clean and modern design, meticulously developed to enhance user engagement and streamline interactions. The application is designed to provide a seamless experience, offering intuitive navigation and visually appealing interfaces that highlight my dedication to both design elegance and technical prowess. This is the project i did from the JavaScript Mastery course, it is a clone of stackoverflow, it has all the features of stackoverflow, like asking questions, answering questions, upvoting, downvoting, commenting, etc.

CTA