Devportfolio

screenshot of Devportfolio
scss

Devportfolio

A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass

Overview:

Dev Portfolio V2 is a modern portfolio and blog template built with GatsbyJS and TailwindCSS. It is a lightweight, fully responsive template with a modular design that makes it easy to customize and edit. The template comes with the Bootstrap grid system and is loaded with Font Awesome. It can be used as is by adding your own content or can be customized by making edits to the styles, colors, and scripts.

Features:

  • Gulp ready (compiles Sass and minifies JS)
  • Sass ready with lots of commenting
  • Fully responsive
  • Comes with Bootstrap grid system
  • Easy color changes can be done through simple variable edits

Installation:

To make edits or customize the template:

  1. Fork the repo
  2. Run npm install to get all the Gulp dev dependencies
  3. Run Gulp watch to compile the Sass and minify the JavaScript
    • Alternatively, if you don't have Gulp installed globally, you can run npm run watch
  4. Any changes done to the JavaScript or Sass files will be auto-compiled and ready to go

To use the template as is:

  1. Copy the css, images, js, libs folders, and the index.html file
  2. Add your content to index.html as needed

Summary:

Dev Portfolio V2 is a modern, lightweight portfolio and blog template built with GatsbyJS and TailwindCSS. It is fully responsive and comes with the Bootstrap grid system. The template can be easily customized by making edits to the styles, colors, and scripts. It also offers the option to use the template as is by adding your own content to the index.html file. Overall, Dev Portfolio V2 provides an easy-to-use and customizable solution for building a professional portfolio or personal blog.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

personal
Personal

A personal website is an online platform that showcases an individual's work, interests, and personality. It can include a range of content, such as a bio, resume, portfolio, blog, and contact information, and is often used to promote one's personal brand or professional services.

portfolio
Portfolio

A portfolio website is a type of website that showcases an individual's or a company's work, skills, and accomplishments. It typically includes a gallery of images or videos, case studies, and client testimonials to provide potential clients or employers with a comprehensive overview of their experience and expertise.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.