Hello, 👋 I am

Valesh Gopal

Frontend developer UI designer Frontend developer
I'm a front-end developer located in India. I love to create beautiful and smooth websites with great user experience.
I'm open to learning, adapt to work in a team, freelance opportunities, contract jobs and use skills to solve complex UI challenges and provide value to the growth of an organization.
See my projects Download resume

About me

Hello! My name is Valesh, a frontend developer and an aspiring full-stack (MERN) developer.

The scope of my work is a large part of frontend which includes PSD to HTML, design, coding layouts, single page applications, responsive websites, web apps, CSS/JS animations, and other work based on web development and javascript.

I like to code things for web, and enjoy bringing ideas to life in the browser. I'm always open to adapt to work with team and work on new frontend skills and technology.

My Skills

HTML

CSS

Javascript

Typescript

SASS

Tailwind

React

Node JS

Express JS

MongoDB

Figma

Photoshop

Portfolio

Please have a look at three portfolio projects with demonstration.

Coin List - Cryptocurrencies
React CSS

A display of top 50 cryptocurrencies with their details and real-time prices.

Features

Track the price of each cryptocurrency and display it in real time with its 24-hour highs and lows and its historical fluctuations.

Challenges

Fetching data using crypto API and displaying it in real time using state management in React.

Chat App Frontend UI
HTML CSS Javascript

A chat application user interface that enables a user to preview his/her chat messages.

Features

  • ➤ Edit profile name and designation
  • ➤ Search your friends
  • ➤ Preview chat messages with date and time

Challenges

Made extensive use of DOM manipulation techniques that gave me a good practice to build fairly complex and functional javascript applications.

McDonald's India Clone
HTML CSS

Had so much fun developing the clone of McDonald's India website(mcdindia.com). One of my first major projects in CSS that gave the necessary boost to my confidence in building complex layouts.

Challenges

The primary challenge is to make the clone look as identical as possible to the original website. At first glance, the website looks overwhelming, but I focussed on one section and one component at a time. I'm happy with the way the clone turned out.

Additional Projects

Check out some additional projects, divided into categories.

Frontend UI Projects

Improving front-end coding skills by building real HTML, CSS and JavaScript challenges whilst working on professional designs.

HTML CSS SASS

Javascript Projects

A demo of various javascript projects showcasing the understanding and implementatiion of ES6 features, DOM manipulation, asynchronous JS etc.

CSS Javascript

Figma Projects

UI designs for web and mobile designed in Figma. Demonstrates implementation of auto-layout, components and variants.

Figma Photoshop

React Projects

A collection of React projects using functional components, hooks, react router, material UI and typescript.

React Typescript

Node JS Projects

Coming Soon!

Node Js Express Js

Solidity Projects

Coming Soon!

Solidity React

My Blog

CSS Box Model Simplified

Each element on a web page is wrapped around by a box. The arrangement of these boxes makes up the layout of the website. Building layouts is a crucial part of...

Read More

em vs rem - When to use them?

em and rem are two of the most commonly used CSS relative units. They are also one of the most common sources of confusion among beginners.

Read More

How to use Github Pages

Github provides a free hosting service to help your websites go live online. It is called Github Pages. Github Pages builds a static website from the HTML, CSS and Javascript files...

Read More

Contact Me

Please drop a message. I will reach out as soon as possible.