DEV Community

loading...
Cover image for Kushak's Portfolio

Kushak's Portfolio

kushakjafry profile image Kushak Zohaad Jafry Updated on ・2 min read

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

Discussion (0)

Forem Open with the Forem app