Web Dev Project

Fedox.Ovh - My personal portfolio

Fedox.Ovh
Demo Site

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

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