DEV Community: Lasha Kakabadze

Free Next.js Portfolio Template

Lasha Kakabadze — Tue, 02 Nov 2021 23:29:59 +0000

Introduction

If you're a developer, it's important for you to have a personal portfolio website – especially when you're applying for jobs.

After a few months of development, I have finally put together a multi-themed website that will greatly increase your chances of getting attention from recruiters.

Here is a link to my portfolio - https://www.adrinlol.com/

You can download the source code for free- https://adrinlol.gumroad.com/l/cHsGL

You will find a detailed documentation inside the README fille on how to setup, make changes and run this website.

About the project

This template has several API calls, that is handled by the SWR (stale-while-revalidate), the list includes:

Medium's API to display my personal articles in this project.
Spotify's API to show the current track as well as display my top 20 songs of the week.
GitHub's API to highlight most popular of my open-source projects.

Technology stack

As for the technologies, here is a full list of libraries I'm using for this project:

Next.js
styled-components
swr
react-transition-group

Lighthouse results

It should come with no surprise that Next.js coupled with SWR is blazing fast, and the results are no surprise.

JavaScript Guide

Lasha Kakabadze — Sat, 19 Dec 2020 17:20:52 +0000

In this article I'm going to go over my most recent project - JavaScript Guide. The intention of this guide is to help beginner developers ace advance their Frontend knowledge and ace their interview questions.

From basic to advanced: test how well you know JavaScript, refresh your knowledge a bit, or prepare for your coding interview!

Demo

Link to the repo 👇
https://github.com/Adrinlol/javascript-guide

This projects covers all the important concepts of JavaScript along with several examples.

Some key topics included in this tutorial are:

Note: This is just a part 1/n of this project, I'll be updating it regularly to include as many concepts as I can.

LinkedIn JavaScript Assessment Answers

Lasha Kakabadze — Sun, 13 Dec 2020 13:11:24 +0000

The LinkedIn Skill Assessments feature allows you to demonstrate your knowledge of the skills you’ve added on your profile. This new feature allows recruiters and job posters to more efficiently and accurately verify the crucial skills a candidate should have for a role.

I have put together answers to the LinkedIn JavaScript assessment (2019-2020).

If you are new to Frontend Development, or maybe you just want to revisit the basics and get that sweet badge, this project is for you.

This multiple-choice format covers some of the most popular topics about this programming language, including, but not limited to:

JavaScript Fundamentals
Data Types
Browser Integration
Objects
Network Requests
Prototypes and Inheritance
Error Handling
Asynchronous JS

Check it out!

https://github.com/Adrinlol/LinkedInJavaScriptAssessment

Free React landing page template

Lasha Kakabadze — Thu, 26 Nov 2020 17:21:07 +0000

Introduction

As you may have already guessed from the title, I'm going to go over my most recent React landing page template.

I have published my first open source library just a while ago, and you guys seemed to have loved it. As a token of appreciation, I'm posting about my second project.

Limited templates

React resources and landing page templates as a whole, are quite difficult to find on the internet, especially the ones that are not outdated or don't have a performance issue.

For that reason, I have used some of the most popular libraries to create this project. Including, but not limited to, ant design and styled-components for developing the UI, i18next for localization and react-reveal for making some subtle animations, I know this might sound a lot, but I plan on expanding this project in the future.

Google Lighthouse

When auditing a page, Lighthouse runs a barrage of tests against the page, and then generates a report on how well the page did. From here you can use the failing tests as indicators on what you can do to improve your app.

Features

Landy is a free React landing page template designed for developers and startups, who want to create a quick and professional landing page for their business or project. This project is also great for beginner developers, who are learning React or Frontend Development in general, as you are going to come across some of the most basic principles in this project.

This React template comes with multi-lingual support, smooth animations, contact form built with React Hooks and error validations, set of ready to use sections and most importantly, all of the content is stored in the JSON files, so that you can manage the texts and images without having any prior knowledge in React.js.

What's included?

🎁 Modern – Template created using the latest features of React (State management using Hooks, Code-Splitting to reduce the bundle size)

🏷 Responsive – Highly responsive and reusable UI components, that change depending on the provided props

🚀 Fast – Buttery smooth experience thanks to the implementation of best practices and no third party dependencies, resulting in PERFECT Google Lighthouse scores

🌍 Internationalization - Prebuilt standalone file that works in every environment and doesn't require reloading the page to translate the content

🛸 Routing - Each file inside the src/pages directory will generate its own route, so you don't have to manually handle the routing

🤙 Contact Form - Contact form written in React Hooks, with uncontrolled form validation to reduce unnecessary performance penalty. You just need to provide the endpoint

⚙️ Maintenance - All of the content is stored in the JSON files, so that you can easily manage the content of the website

About the project

You can view the live demo or check the source code.

My first Open Source project

Lasha Kakabadze — Tue, 24 Nov 2020 17:07:48 +0000

I have always wanted to start an open source project, a library that would grant other developers the rights to use, study, change, and distribute the software for any purpose. I always believed that no matter the outcome, launching your own project is a great way to learn how open source works.

It will feel scary to share your work with the world, you might get nervous about what people might say about you, but the only way to get better is to practice, and showing it to the rest of the world is a great way to get a feedback.

I soon found out that one of my the most rewarding experience, comes from the relationships that I build with other developers facing up against the same issues as me.

How it started

Not to long ago, while I was working on one of my projects on Upwork, I came across a interesting task, I had to programmatically generate an array of color gradients by providing start and finish colors, as well as the required number of midpoints.

Initially, I started to look for solutions on the web, I found one library which was exactly what I was looking for, but as it was published 7 years ago, with no recent updates, I decided to create one myself.

The project I was working on was a React web application, I could create the open source project using the same library, which would help me save some time, but I thought about other developers who could potentially be facing the same issue, I decided to stick to plain JavaScript and as a result, make my solution more accessible.

Publishing the library

As my client was okay with me open sourcing this snippet of a code from the project, I quickly rushed to npm Docs, to see how I could set up and publish my first ever library.

Feedback

The project was a success, on the very first week it reached over 800 weekly downloads, developers were using it in all sorts of web applications.

Shortly after, I got my new issues from the users, and as it weird as it sounds, I was very exited to solve the errors that were connected to my library and further improve it.

About the project

You can view the live preview on Codesandbox or check the source code.

DEV Community: Lasha Kakabadze

Free Next.js Portfolio Template

Introduction

About the project

Technology stack

Lighthouse results

JavaScript Guide

Demo

Table of contents

LinkedIn JavaScript Assessment Answers

Free React landing page template

Introduction

Limited templates

Google Lighthouse

Features

What's included?

About the project

My first Open Source project

How it started

Publishing the library

Feedback

About the project