Developer devoted to crafting intuitive web experiences

Circular Text

Hi Im chathura , I'm a full stack developer with a passion for solving problems through interactive web experiences.

I'm a self-taught developer with experience in developing new features from ideation to production, implementation of wireframes and design flows into high-performance web applications.

I take into consideration the user experience while writing reusable and efficient code.

I passionately combine good design, technology, and innovation in all my projects, which I like to accompany from the first idea to release.

Currently, I'm focusing on MERN Stack development while expanding my skills as a software engineer.

While I spend most of my time coding, I also enjoy working out and trying out new recipes.

Skills

  • HTML
  • CSS3
  • Sass
  • Bootstrap
  • Tailwind CSS
  • Javascript (ES6+)
  • React.js
  • Vue.js
  • Next.js
  • Nuxt.js
  • Node.js
  • MongoDB
  • Mongoose
  • Express.js
  • MySQL

Tools

  • Git
  • GitHub
  • Parcel
  • VsCode
  • Figma
chathura perera

Work

/
/
/
/

california Ecommerce website

SCSS ModulesReact.jsReduxNode.jsExpressjsAWSMongoDBJWT

This ecommerce application was built using the MERN stack.I have implemented authorization using jsonwebtokens.Users can filter out product lists according to their purchasing preferences.

Onboard job listing site

HTMLSCSS ModulesReact.jsReact Context APIReact RouterFirebase

This is a job listing platform developed with React.js, and I have integrated Firebase authentication for Authenticating users with email or Gmail accounts.Currently im working profile page and the jobs filter functionality

Netflix Clone App

HTMLSCSSReact.jsReact RouterRedux toolkitFirebase

This is a clone of Netflix website built using React.JS as a Front-end & Firebase as Back-end.This site has the functionality to authenticate user logins.And also its integrated with stripe payment gateway.

Concord Agency landing page

HTMLSCSSTailwind CSSReact.js

Concord Studio is a Digital Agency that offers a variety of services for a fixed fee. My goal was to recreate their landing page using react.js and tailwind CSS.

Portfolio V.1

HTMLSCSSJavaScript

My first portfolio website i designed and built in 2020.I learned quite a bit about HTML SASS and javascript.Since then, i think my web development and design skills have improved immensely.

Edie Web Design Agency

HTMLSCSSJavaScript

This site was created as a submission to a DevChallenges challenge.The challenge was to build a Landing page for a small team providing web services.

Airbnb Clone

HTMLSCSSNext.js

This is a clone of Airbnb website built using React.JS as a Front-end & Firebase as Back-end. It's not a replica, and it doesn't have all the features of Airbnb website.Tt's a similar version of Airbnb with my own design touch.

Crypto Price Tracker

HTMLSCSSReact.js

A Cryptocurrency Finance Price Tracker built using react hooks and Axios which fetches data from an API and displays realtime data. Users can enter the name of crypto and get the current price, market cap, price change percentage, etc.And also the prices will update live whenever you refresh the page.

Apple website clone

HTMLSCSSJavaScript

This is a clone of Netflix website built using React.JS as a Front-end & Firebase as Back-end.This site has the functionality to authenticate user logins.And also its integrated with stripe payment gateway.