Web Dev Project

Fedox.Ovh - My personal portfolio

Fedox.Ovh

My Role

Software Engineer

Start Date

10.07.2024

End Date

19.07.2024

Technologies used

Tech Stack

Introducing Fedox.Ovh, a dynamic showcase of my development prowess and creative vision. Built using cutting-edge technologies like Next.js for frontend and Java for backend, all powered by TypeScript, Fedox.Ovh represents my solo endeavor in crafting an intuitive and impactful digital presence. Fedox.Ovh features a sleek and responsive design, meticulously designed based on a Figma prototype. It offers a seamless user experience with fluid navigation and engaging visuals, reflecting my commitment to both aesthetic appeal and functional excellence. Highlights include a sophisticated homepage that captivates visitors with its modern layout and smooth interactions. The project showcases my proficiency in implementing advanced functionalities such as interactive elements and data-driven components, ensuring a compelling user journey throughout. From conceptualization to deployment, Fedox.Ovh embodies my dedication to creating innovative solutions. Whether exploring detailed project showcases or navigating through seamless portfolio sections, Fedox.Ovh stands as a testament to my passion for crafting impactful digital experiences.

Of course there are some problems..

Problem Statement

One of the primary challenges I encounter is maintaining the responsiveness of my portfolio's CSS across various devices, ensuring that it displays uniformly regardless of whether it's viewed on a desktop, tablet, or mobile phone. Achieving this consistency requires careful attention to design elements and layout adjustments that accommodate different screen sizes and orientations, aiming to provide an optimal viewing experience for all users accessing my portfolio.

problem

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

One of the difficulties was to make the site look good for all devices, I first focused only on the main part of the site instead of responsiveness.

challenge

One of the other difficulties was the decisions, I didn't know how to build up the portfolio at certain points, or whether it was necessary at all.

LEARNINGS

check

I sat down with a friend to make the site fully responsive, I learned that next time I should do it right after completing a component.

check

I asked different people, I went through other portfolios, and I read forum posts to better understand what visitors like / dislike more on a portfolio. I also asked a mentor called Adrian for advice on the problem and found answers, now I am happy with the layout and structure, as are many other visitors.

check

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

Projects

Other Case Studies

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.

project

FortCode

Introducing FortCode, a powerful demonstration of my software development expertise and commitment to modern technologies. FortCode 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. FortCode 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. Key features of FortCode include a dynamic homepage that greets users with an eye-catching layout and smooth transitions. The project exemplifies my ability to implement complex functionalities, such as real-time data processing and interactive user elements, ensuring an enriching user experience from start to finish. From the initial concept to the final deployment, FortCode reflects my passion for creating cutting-edge solutions. Whether delving into its detailed features or exploring its sleek design elements, FortCode serves as a testament to my ability to craft impactful digital solutions that are both functional and aesthetically pleasing.

CTA