Git Product home page Git Product logo

Hi šŸ‘‹, I'm Dinujaya S...

A passionate MERN developer from Sri Lanka

  • šŸ¢ Iā€™m currently working as a Freelancer

  • šŸŒ± Iā€™m currently learning React advance concepts and React Native

  • šŸ‘Æ Iā€™m looking to collaborate on Lodgelink.net

  • šŸ‘Øā€šŸ’» All of my projects are available at dinujaya.me

  • šŸ“ I regularly write blog posts on blog.dinujaya.me

  • šŸ’¬ Ask me about anything related to Information and Communication Technology

  • šŸ“« How to reach me [email protected]

šŸŒ Socials:

Facebook LinkedIn Stack Overflow X YouTube

šŸ’» Tech Stack:

Apache Groovy C C# CSS3 Dart Go HTML5 JavaScript Markdown PHP PowerShell Python Rust Shell Script TypeScript Windows Terminal AWS Azure Firebase GithubPages Google Cloud Heroku Vercel Vultr Angular Anaconda Angular.js Bootstrap Bun Chakra Chart.js DaisyUI Deno JS Django Electron.js Expo Express.js FastAPI Flask Gulp JWT MUI NPM Next JS NodeJS PNPM Pug Qt React Native React React Query React Router React Hook Form Redux SASS Semantic UI React Socket.io Styled Components TailwindCSS Vite Vue.js Webpack WebGL Web3.js WordPress Yarn Apache Nginx Firebase MariaDB MicrosoftSQLServer MongoDB MySQL Postgres SQLite Supabase Adobe Adobe After Effects Adobe Audition Adobe Creative Cloud Adobe Fonts Adobe Illustrator Adobe Lightroom Adobe Lightroom Classic Adobe Photoshop Adobe Premiere Pro Adobe XD Figma AZUREDEVOPS ANSIBLE Docker Ansible Babel Docker Plex Kubernetes Notion Pi-Hole Postman TOR


Need to know more details about me. šŸ˜‹


Simple code to use my bio data API ( https://api.dinujaya.me/ ) hosted in DigitalOcean VPS

const API_BASE_URL = "https://api.dinujaya.me";

// Function to sign in and obtain access token
const signIn = async (
  username: string,
  password: string
): Promise<string | null> => {
  try {
    const response = await axios.post<{ accessToken: string }>(
      `${API_BASE_URL}/sign`,
      { username, password }
    );
    return response.data.accessToken;
  } catch (error) {
    console.error("Error signing in:", error);
    return null;
  }
};

// Function to get bio data using access token
const getBioData = async (accessToken: string): Promise<any> => {
  try {
    const response = await axios.get(`${API_BASE_URL}/`, {
      headers: {
        Authorization: `Bearer ${accessToken}`,
      },
    });
    return response.data;
  } catch (error) {
    console.error("Error fetching bio data:", error);
    return null;
  }
};

useEffect(() => {
  const getData = async () => {
    // Example usage
    const username = "your_username";
    const password = "your_password";

    // Sign in and obtain access token
    const accessToken = await signIn(username, password);

    if (accessToken) {
      // Get bio data using access token
      const bioData = await getBioData(accessToken);
      console.log("Dinu's details: :", bioData);
    } else {
      console.log("Failed to obtain access token.");
    }
  };

  getData();
}, []);

Dinujaya Sandaruwan's Projects

30-days-of-python icon 30-days-of-python

30 days of Python programming challenge is a step by step guide to learn Python programming language in 30 days.

a-chatbot-using-openai-api icon a-chatbot-using-openai-api

A chat app powered by OpenAI's API. Engage in conversations about anything with an AI language model that understands and generates contextually appropriate and linguistically fluent responses. Transform the way you interact with machines.

a-simple-react-web-app icon a-simple-react-web-app

I am presently in the process of learning React, and have developed a simple web application solely for the purpose of enhancing my understanding of the technology.

abhiyoga icon abhiyoga

Website that I created for Abhiyoga Competition

auto-upload-videos-to-youtube icon auto-upload-videos-to-youtube

The purpose of this project is to search for a random keyword on YouTube using the YouTube API, download up to five high-definition videos related to the keyword, and upload one of them to YouTube using the Youtube Data API.

cobol-x icon cobol-x

An easy-to-learn, type-safe programming language, Cobol X, with support for cross-platform development and integration with popular frameworks.

code-with-mosh-node-js-course icon code-with-mosh-node-js-course

I started to learn Node from Mosh Hamedani's Node JS course and this repository contains all the code I wrote while this course.

code-wth-mosh-python-course icon code-wth-mosh-python-course

I started to learn Python from Mosh Hamedani's Python Programming course and this repository contains all the code I wrote while this course.

code-wth-mosh-react-18-course icon code-wth-mosh-react-18-course

I started to learn React 18 from Mosh Hamedani's React JS course and this repository contains all the code I wrote while this course.

code-wth-mosh-react-course icon code-wth-mosh-react-course

I started to learn React from Mosh Hamedani's React JS course and this repository contains all the code I wrote while this course.

cool-css-snippets icon cool-css-snippets

Cool CSS Snippets is a VS Code extension created to simplify the process of writing CSS code for web developers. The extension provides a set of pre-defined CSS snippets that can be easily inserted into a CSS file, saving developers time and effort.

copy-css-gradients-with-react icon copy-css-gradients-with-react

This is a simple React project aimed at sharpening my React skills by building a web application that generates CSS gradients and copies them to the clipboard. The project uses SCSS for styling, and it's an open-source project that anyone can use to learn more about React.

css-basic icon css-basic

I created this template to teach CSS to my students

daily-small-css-projects icon daily-small-css-projects

These days I am preparing for my Advance Level Exam. That's why I can't get involved in big projects. But I decided to create small projects whenever I could.

dinujaya-sandaruwan icon dinujaya-sandaruwan

Hi, my name is Dinujaya Sandaruwan. Let me tell you about myself, I am currently studying as a student at Mayurapada Central College.

dinujaya.me icon dinujaya.me

Dinujaya's Portfolio is a dynamic web application built using React, TypeScript, and SCSS. It serves as a comprehensive social media platform, showcasing the creator's life through a full timeline, complete with posts, comments, likes, and multimedia content.

facebook-post-ui icon facebook-post-ui

This project is a simple replica of the Facebook post user interface (UI), created using React Image Gallery. It serves as a testing ground for developing a Facebook clone application using React and Firebase.

fetching-and-updating-data-with-react-query icon fetching-and-updating-data-with-react-query

Practice project for fetching and updating data with React Query in React and TypeScript. Learn how to fetch data from APIs, update data, handle loading/errors, and efficiently manage data caching.

file-sharing-website-with-projectsend___php icon file-sharing-website-with-projectsend___php

This repository contains the code and configuration files for my ProjectSend website. ProjectSend is an open-source, web-based software that allows secure file sharing and collaboration. The website serves as a central platform for uploading, managing, and sharing files related to projects and client work.

firebase-crud-for-timeline-project icon firebase-crud-for-timeline-project

The Firebase CRUD for Timeline Project is a sample application that demonstrates the implementation of Create, Read, Update, and Delete (CRUD) operations using Firebase, React, Chakra UI, SCSS, and TypeScript.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    šŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. šŸ“ŠšŸ“ˆšŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ā¤ļø Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.