DEV Community: Nisar Hassan Naqvi

Building a free Open-source portfolio template using HTML, CSS and JS | Part 5

Nisar Hassan Naqvi — Sun, 22 Jan 2023 15:13:50 +0000

On the 15th of May in 2020 I wrote here about the free open source portfolio template that anyone could use for free.

GitHub Repo Link →
Check out the live demo here →

Since then it has got 395 stars on GitHub and 128 forks.

I have started a video series on YouTube where I'm going to build it from scratch using HTML, CSS and a little bit of JavaScript.

Come join me in the journey here is the link of the 5th video in the series.

https://www.youtube.com/@nisarhassan12 if you find it worthy. Thanks

Building a free Open-source portfolio template using HTML, CSS and JS | Part 4

Nisar Hassan Naqvi — Mon, 02 Jan 2023 06:10:56 +0000

On the 15th of May in 2020 I wrote here about the free open source portfolio template that anyone could use for free.

GitHub Repo Link →
Check out the live demo here →

Since then it has got 395 stars on GitHub and 128 forks.

I have started a video series on YouTube where I'm going to build it from scratch using HTML, CSS and a little bit of JavaScript.

Come join me in the journey here is the link of of the part 4 of the video series.

https://www.youtube.com/@nisarhassan12 if you find it worthy. Thanks

Building a free Open-source portfolio template using HTML, CSS and JS | Part 3

Nisar Hassan Naqvi — Wed, 28 Dec 2022 09:00:12 +0000

On the 15th of May in 2020 I wrote here about the free open source portfolio template that anyone could use for free.

GitHub Repo Link →
Check out the live demo here →

Since then it has got 395 stars on GitHub and 128 forks.

I have started a video series on YouTube where I'm going to build it from scratch using HTML, CSS and a little bit of JavaScript.

Come join me in the journey here is the link of the video.

https://www.youtube.com/@nisarhassan12 if you find it worthy. Thanks

Building a free Open-source portfolio template using HTML, CSS and JS | Part 2

Nisar Hassan Naqvi — Tue, 27 Dec 2022 08:55:06 +0000

On the 15th of May in 2020 I wrote here about the free open source portfolio template that anyone could use for free.

GitHub Repo Link →
Check out the live demo here →

Since then it has got 395 stars on GitHub and 128 forks.

I have started a video series on YouTube where I'm going to build it from scratch using HTML, CSS and a little bit of JavaScript.

Come join me in the journey last sunday I did the first part and today I did the second of the series here is the embed:

I'll be doing the next part on Sunday subscribe to my channel https://www.youtube.com/@nisarhassan12 if you find it worthy. Thanks

Building a free Open-source portfolio template using HTML, CSS and JS | Part 1

Nisar Hassan Naqvi — Tue, 20 Dec 2022 15:22:30 +0000

On the 15th of May in 2020 I wrote here about the free open source portfolio template that anyone could use for free.

GitHub Repo Link →
Check out the live demo here →

Since then it has got 395 stars on GitHub and 128 forks.

I have started a video series on YouTube where I'm going to build it from scratch using HTML, CSS and a little bit of JavaScript.

Come join me in the journey last sunday I did the first part of the series here is the embed:

I'll be doing the next part on Sunday subscribe to my channel https://www.youtube.com/@nisarhassan12 if you find it worthy. Thanks

Free Open-source portfolio template for developers

Nisar Hassan Naqvi — Fri, 15 May 2020 16:15:04 +0000

A beautiful, minimal and accessible portfolio template for Developers ✨ which is completely free and Open Source. Anyone can use this as a template for making their own portfolio and can customize it the way they want.

Give it a star 🌟 on Github if you find it useful.

GitHub Repo Link →
Check out the live demo here →

You can find the documentation on how to make your own portfolio here.

Contributions are warmly welcomed ❤️.

Features

Clean, Simple and Modern UI Design.
Uses No CSS or JavaScript Frameworks or libraries as dependencies.
Built with only HTML, CSS and a bit of JavaScript 🔨.
Well Organized Documentation.
Keyboard support.
Fully Responsive.
Loads fast ⚡.

Lighthouse Report

A free Open-source Portfolio template for web developers

Nisar Hassan Naqvi — Sat, 14 Dec 2019 11:58:26 +0000

A beautiful lightweight, customizable, accessible and performant single-page personal portfolio website for anyone to use as their own or customize the way they like.

Github Repo Link →
Check out the live demo here →

The template is built using HTML, SCSS, vanilla JavaScript, and it doesn't use any CSS or JavaScript libraries or have any framework dependencies. Everyone is welcome to contribute or use it as a template for their portfolio.

The menu & the buttons are almost identical to the ones from Natours Project of Jonas Schmedtmann Advanced CSS & SASS course. Many Thanks to him for such a great course.

The template is licensed under MIT License.

Details for contributing & customizing the template can be found here.

Contributions are warmly welcomed 🥰.

if you're a beginner or have no idea about how to contribute to Open Source then you can reach out to me on Twitter I would love to help & maybe do some pair programming with you to get you started.

Frictionless Open Source Contributions with a single click

Nisar Hassan Naqvi — Wed, 16 Oct 2019 09:41:51 +0000

Contributing to Open Source can be intimidating as you have to spend a lot of time while going through long README files to find out how to do the development setup that is essential for getting started. This is a serious barrier for contributors. It can be a huge pain especially if you're someone who is just starting out.

Let's say you want to contribute to Carbon (a JS app that lets you create and share beautiful images of your source code). Before you can make your contribution you have to make sure that you have done everything from steps 1 to 4 as shown below in the screenshot from the Contribution Guide of Carbon.

Before step 2 you have to make sure that you have Node.js installed and then you have to continue with the rest of the steps. Now the setup for Carbon is not that complex but it can be intimidating and frustrating for beginners and it still requires time and energy to be spent on what is not even part of the contribution.

Contrary to Carbon, other popular and valuable Open Source projects usually have more complicated development environments (i.e they include modern build pipelines + test suites + linters and things like that and so on). Configuring and setting up all this stuff can be cryptic, hard and can take a lot of time and effort.

What if something could save us from spending our time and energy on configuring all these cryptic and repetitive development setups? What if we could automate all of this with a single click so that we can focus and spend more time on our goal which is contributing to Open Source while forgetting about the development environment?

Well! contribute.dev is here to help. It has a list of really cool Open Source Projects that are beginner-friendly and can all get you started with a single click:

Setup for all of the listed projects is completely automated with the help of Gitpod. So within seconds, you get a fully working development environment, including a VS Code-like interface and a cloud-based Linux container configured specifically for the project. All you need is a browser!

For getting started with the project of your choice just hit the blue Open in Gitpod button in the bottom right corner.

This will launch a ready-to-code environment with everything setup (like the dependencies pre-installed and the web server running) as shown below.

Now you can make your contribution and once you're done you can do all sorts of cool stuff from within the full-featured Gitpod IDE like reviewing the changes that you made in the diff editor or making a Pull Request.

If the project that you're looking for is not in the list please file an issue here → with a link to the repository and we'll help you set it up. Once the experience is great we're happy to add your project to the list.

BTW this is my first blog post ever if you have any feedback or questions or just want to say hi! please 🤗 let me know I'm @nisarhassan12 on Twitter.

Happy contributing! 🥰