WEB DEV PROJECT

Portfolio

- A Personal Portfolio

laptop and mobile image of project

My Role

Software Engineer

Start Date

5/8/2023

End date

1/9/2023

Technologies Used

Tech Stack

image of tech stack used
image of tech stack used
image of tech stack used
image of tech stack used
image of tech stack used
image of tech stack used
image of tech stack used
image of tech stack used
image of tech stack used

A personal portfolio developed using NextJS. This stylish portfolio boasts a light and dark mode as well as a sleek responsive design. The portfolio was styled using TailwindCSS and Framer Motion and is easily updated through the use of Sanity Content Management System.

I have created a homepage that will give users an overview of my skills as well as the technologies with which I have experience. They can also see my previous work experience as well as testimonials from colleagues, collaborators and mentors.

Users can either browse through case studies in order to see my previous work all get into contact with me directly through the contact page. All is facilitated through an intuitive and easy to follow modern design.

Problem

Problem Statement

One of the main challenges businesses and individuals face today is finding a trustworthy and skilled web developer to bring their visions to life online. Additionally, developers often struggle to showcase their talents in a way that truly reflects their capabilities and range. A comprehensive, user-friendly portfolio bridges this gap, allowing potential clients to easily view past projects and understand the depth of expertise on offer.

image underlying text in problem statement
HIGH-FIDELITY FIGMA DESIGN
image of figma design

Way of Work

My Process

symbol of working process

Definition

symbol of working process

Design

symbol of working process

Planning

symbol of working process

Development

symbol of working process

Deployment

Problem

Challenges & Learnings

CHALLENGES

challenge symbol

Working on a project alone instead of working in a team was a challenging adjustment that I had to make.

challenge symbol

Using new libraries and frameworks to handle the content management system as well as the email system on the contact page.

challenge symbol

Using animation extensively yet subtly in order to give the portfolio a slick and professional look and feel.

LEARNINGS

challenge symbol

I improved my front end skills and gained experience using animations in order to create and modern and user-friendly UI experience.

challenge symbol

I used a Content Management System to easily edit and add to the portfolio without having to go into the code.

challenge symbol

I used emailJS to create an easy contact system without having to create a dedicated backend

Projects

Other Case Studies

Image of similar case study

Swift Monkey

A beautiful landing page for a the tech company Swift Monkey making use of custom animations and a professional Figma design.

Image of similar case study

Cocktail Corner

The Cocktail Corner, a cocktail browsing application that was developed using NextJS. The app boasts a homepage that showcases featured drinks with a ...

Have a project in mind that requires technical expertise?