DEV Community

Cover image for Kushak's Portfolio
Kushak Zohaad Jafry
Kushak Zohaad Jafry

Posted on • Edited on

Kushak's Portfolio

What I built

I built a portfolio for myself using Angular/ Universal and Strapi.

Category Submission:

Personal Site/Portfolio

App Link

FrontEnd

https://kushakjafry.tech/
https://portfolio-jdo2v.ondigitalocean.app/

Backend

https://portfolio-backend-9fful.ondigitalocean.app/

Screenshots

Home Page
About Page
Portfolio Page
Contact Page

Description

I was planning to make my personal portfolio for a long time.
After seeing the hackathon, I was very excited and decided to start
making my own portfolio.
After my failed attempts to design the UI, I decided to go by design, inspired by a template.

I picked the design idea and started designing my own site on Adobe site.

After the UI designing part was completed, it was time for Frontend and Backend.

I thought of using strapi as backend as it seemed pretty good and was also provided in the hackathon description.
Being a newbie at strapi, it was pretty hard to grasp it initially.

For the frontend, I decided to use Angular with Universal for Server Side Rendering. I decided not to use any jquery or jquery based library. Developing the frontend from scratch using HTML/CSS and TS according to design was a pretty tough task.

Link to Source Code

Frontend

https://github.com/kushakjafry/portfolio

Backend

https://github.com/kushakjafry/portfolio-backend

Permissive License

Frontend

MIT

Backend

MIT

Background

I was always planning to make my own personal portfolio site for a long time. And the idea of a hackathon excited me to build the site.
I learned a lot about Strapi, the digitalocean App platform, adding Deploy to do buttons to GitHub repositories, and learned to connect the app to custom domains.

How I built it

I used ADOBE XD for designing UI.
Angular for developing frontend.
Strapi for developing the backend.
Angular Universal for SSR.

Additional Resources/Info

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

Top comments (1)

Collapse
 
msamgan profile image
Mohammed Samgan Khan

links not working bro...

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay