Open in app

Sign In

Write

Sign In

Barcelona Code School
Barcelona Code School

44 Followers

Home

About

George Kovalev

George Kovalev

·Feb 7

How to show a pop-up only once with React, localStorage and Material UI modal

Imagine we have a scenario where user comes to a website and has to see a pop-up or modal with some information and has to click it to see the main content. For example, agree to Terms and Conditions, read an important warning or merely see a call to action. …

Reactjs

4 min read

How to show a pop-up only once with React, localStorage and Material UI modal
How to show a pop-up only once with React, localStorage and Material UI modal
Reactjs

4 min read


George Kovalev

George Kovalev

·Jan 30

Aligning elements on top of the image background

With Flexbox we can easily align any element or elements both vertically and horizontally inside a given container which might have an image background applied to achieve results as shown in the image above. Our goal is to have a group of headings and a button positioned right in the…

CSS

3 min read

Aligning elements on top of the image background
Aligning elements on top of the image background
CSS

3 min read


George Kovalev

George Kovalev

·Nov 28, 2022

Deployment of MERN full-stack app on render.com

With recent deprecation of Heroku’s free plan we’ve been looking for other free alternatives and found out Render.com. Let’s see how we can deploy a full-stack MERN app with Render.com. For this post we will assume that the structure of our app is as following: root…

Deployment

3 min read

Deployment of MERN full-stack app on render.com
Deployment of MERN full-stack app on render.com
Deployment

3 min read


George Kovalev

George Kovalev

·Oct 9, 2022

13 games for designers

Here are some games to play to train you eye for the colors, fonts, positioning and even drawing. Design Can’t Unsee

Design

2 min read

13 games for designers
13 games for designers
Design

2 min read


George Kovalev

George Kovalev

·Oct 9, 2022

16 game for developers

Playing games by writing code is an engaging and fun way to practice and learn coding. Here are 16 games we picked for you. Enjoy! Return true to win

Programming

2 min read

16 game for developers
16 game for developers
Programming

2 min read


George Kovalev

George Kovalev

·Sep 11, 2022

Creating an animated typing effect in React

The idea behind this is that we render text from the state and keep updating state variable one character at a time with a bit of delay. Each time state is updated our component will re-render showing text “typed” one character after another. So first thing in our React app…

Reactjs

4 min read

Creating an animated typing effect in React
Creating an animated typing effect in React
Reactjs

4 min read


George Kovalev

George Kovalev

·Jul 14, 2022

Creating an admin area in five minutes with AdminBro, express, mongoDB, mongoose

There is a way to set up an admin area and start working with your data in five minutes without actually building all the admin routes and controllers. Here is how… All we need to have is models and then we can use the AdminBro package to run the fully…

Mongodb

3 min read

Creating an admin area in five minutes with AdminBro, express, mongoDB, mongoose
Creating an admin area in five minutes with AdminBro, express, mongoDB, mongoose
Mongodb

3 min read


Barcelona Code School

Barcelona Code School

·Jul 14, 2022

Cloning / restoring / migrating MongoDB with mongodump

There is an easy way to migrate MongoDB database between different hosts. Sometimes we might need it for example in case of: moving db from local database to the remote creating a backup copy of the db “freezing” all the content we have to be able to restore at some…

Mongodb

2 min read

Cloning / restoring / migrating MongoDB with mongodump
Cloning / restoring / migrating MongoDB with mongodump
Mongodb

2 min read


Barcelona Code School

Barcelona Code School

·Jul 9, 2022

How to make a dynamic background for React Native apps loading from API

There are tons of cool APIs where we can get images from for our apps. In this guide we are going to use Pixabay API for loading background images. You will need to get an API key from pixabay.com. Import ImageBackground element from react-native import { ImageBackground} from 'react-native'; Add…

React Native

4 min read

How to make a dynamic background for React Native apps loading from API
How to make a dynamic background for React Native apps loading from API
React Native

4 min read


George Kovalev

George Kovalev

·Mar 17, 2022

Why learning JavaScript is relevant today

According to StackOverflow.com, the biggest community website for professional and enthusiast programmers, JavaScript has been the world’s most popular language for 9 years in a row. Knowing JavaScript opens numerous possibilities for a developer. …

JavaScript

3 min read

Why learning JavaScript is relevant today
Why learning JavaScript is relevant today
JavaScript

3 min read

Barcelona Code School

Barcelona Code School’s blog

Connect with Barcelona Code School

Editors

Barcelona Code School

Barcelona Code School

We help people to learn web development and improve their lives by becoming a freelancer, finding a job or starting their own product. Just coding, no bullshit!

George Kovalev

George Kovalev

Barcelona Code School https://barcelonacodeschool.com https://www.instagram.com/barcelonacodeschool/

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech