Niroyan K. looks like a good fit?

We can organize an interview with Aldin or any of our 25,000 available candidates within 48 hours. How would you like to proceed?

Schedule Interview Now

Niroyan K. React, Next.js and Web Development

My name is Niroyan K. and I have over 4 years of experience in the tech industry. I specialize in the following technologies: Landing Page, Website, Responsive Design, Web Development, HTML5, etc.. I hold a degree in Bachelor of Science in Information Technology. Some of the notable projects I’ve worked on include: Check AI: Next JS, Detection Group , NewsLetter & Next JS 14 / Tailwindcss / Typescript, WordPress to Astro 4.0 JS, POS System Dashboard, Digital Agency Website Showcase, etc.. I am based in Mississauga, Canada. I've successfully completed 27 projects while developing at Softaims.

Information integrity and application security are my highest priorities in development. I implement robust validation, encryption, and authorization mechanisms to protect sensitive data and ensure compliance. I am experienced in identifying and mitigating common security vulnerabilities in both new and existing applications.

My work methodology involves rigorous testing—at the unit, integration, and security levels—to guarantee the stability and trustworthiness of the solutions I build. At Softaims, this dedication to security forms the basis for client trust and platform reliability.

I consistently monitor and improve system performance, utilizing metrics to drive optimization efforts. I’m motivated by the challenge of creating ultra-reliable systems that safeguard client assets and user data.

Main technologies

  • React, Next.js and Web Development

    4 years

  • Landing Page

    1 Year

  • Website

    2 Years

  • Responsive Design

    1 Year

Additional skills

Direct hire

Potentially possible

Previous Company

Shopify

Ready to get matched with vetted developers fast?

Let's get started today!

Hire Remote Developer

Experience Highlights

Check AI: Next JS | Typescript | API | Animation | Tailwindcss | Meta

We are excited to share the completion of our latest project, the Check AI dark theme landing page! 🌟 Designed to streamline operations and enhance decision-making with cutting-edge AI technologies.

Detection Group , NewsLetter & Next JS 14 / Tailwindcss / Typescript

Next.js 14 Fraud Detection & Newsletters. Seamlessly integrating interactive newsletters, it offers cutting-edge solutions for combating financial fraud. Powered by Next.js 14, FraudGuard delivers smooth scrolling, active link indicators, and captivating page loading effects. Transitioning from HTML, CSS, and JavaScript to Next.js, Tailwind CSS, and TypeScript ensures enhanced performance and scalability. Includes SEO optimization, email verification, and error page management for a robust fraud detection platform.

WordPress to Astro 4.0 JS | Dark & Light Mood | CMS Blog Contents

Objective: Convert an existing WordPress website into a modern web application using Astro 4.0 JS, incorporating React for dynamic components, Astro 4.0 for static site generation, and Tailwind CSS for styling. Key Features: CMS Content Migration: Migrate existing WordPress CMS content, including blog posts, pages, and media, to the new Astro 4.0 JS application. Ensure a seamless transition without loss of data or functionality. Dynamic Components with React: Implement React for creating dynamic and interactive components. Enhance the user experience with responsive and engaging features powered by React. Astro 4.0 for Static Site Generation: Utilize Astro 4.0 for static site generation, emphasizing performance and speed. Leverage Astro's build-time rendering to generate optimized static pages for improved loading times. Tailwind CSS for Styling: Apply Tailwind CSS for a consistent and maintainable styling approach. Use utility-first classes to streamline the styling process and ensure a responsive design. Dark and Light Mode: Implement a toggleable dark and light mode for enhanced user experience. Ensure accessibility and readability in both modes. SEO-Friendly Practices: Implement SEO best practices to enhance the website's visibility on search engines. Optimize meta tags, headers, and content structure for improved search engine rankings. Project Considerations: Compatibility: Ensure cross-browser compatibility and responsiveness across various devices. Testing: Conduct thorough testing to identify and resolve any bugs or issues. Documentation: Provide clear and comprehensive documentation for future maintenance and updates. Scalability: Design the application to be scalable for potential future enhancements or additions. Timeline: Define a realistic timeline for each phase of the project, including planning, development, testing, and deployment. Project Team: Assign responsibilities to team members based on their expertise in React, Astro 4.0, Tailwind CSS, and WordPress migration. Conclusion: The goal of this project is to transform the existing WordPress website into a modern, performant, and maintainable web application using Astro 4.0 JS, React, and Tailwind CSS. Focus on a smooth migration of content, dynamic user interactions, and SEO-friendly practices to deliver a high-quality user experience.

POS System Dashboard | Next Js & Typescript | Dark & Light Mood

Objective: Develop a modern POS system dashboard using Next.js 14, TypeScript, Tailwind CSS, and Chart.js. The dashboard should support dynamic data changes, allow calculations, showcase interactive charts, offer multiple color themes, provide filtering and pagination features, and support dark and light modes. Key Features: Next.js 14 with TypeScript: Utilize Next.js 14 for server-side rendering, improved performance, and enhanced developer experience. Integrate TypeScript for static typing and improved code maintainability. Tailwind CSS for Styling: Apply Tailwind CSS for a utility-first and responsive design approach. Ensure a consistent and visually appealing UI across different screen sizes. Chart.js for Data Visualization: Implement Chart.js to create interactive and visually appealing charts. Support dynamic data updates for real-time insights. Dynamic Data Changes and Calculations: Enable real-time updates for dynamic data changes within the POS system. Implement calculations for various metrics, providing instant insights. Multiple Color Themes: Provide users with the ability to choose from multiple color themes. Enhance user experience by allowing personalization based on user preferences. Filtering and Pagination: Implement filtering options to allow users to focus on specific data subsets. Include pagination features for handling large datasets efficiently. Dark and Light Modes: Incorporate a toggleable dark and light mode for improved user comfort. Ensure readability and accessibility in both modes. Project Considerations: Security: Implement secure practices for handling sensitive POS data. Responsiveness: Design the dashboard to be responsive for various devices and screen sizes. Testing: Conduct rigorous testing to ensure the accuracy of calculations and the functionality of all features. Documentation: Provide clear documentation for developers and end-users on using and maintaining the dashboard. Timeline: Define a realistic timeline for planning, development, testing, and deployment phases. Project Team: Assign roles and responsibilities to team members based on their expertise in Next.js, TypeScript, Tailwind CSS, and data visualization with Chart.js. Conclusion: The aim of this project is to create a feature-rich and responsive POS system dashboard using Next.js 14, TypeScript, Tailwind CSS, and Chart.js. Prioritize real-time data updates, interactive charts, and user customization through themes to deliver a powerful and user-friendly solution for POS management.

Digital Agency Website Showcase | Next JS | typescript | Tailwindcss

Overview: This project showcases my expertise in frontend development, emphasizing the creation of a sophisticated Digital Agency website using the latest technologies. The website is built with Next.js 14, TypeScript, and utilizes JSON files for dynamic data rendering. Tailwind CSS is employed for a sleek and modern design, ensuring a fully responsive and navigable experience. Implementation: I have meticulously crafted each section of the website, seamlessly integrating bespoke design elements to demonstrate adaptability and elevate the overall user experience. The site is optimized for performance, featuring advanced image techniques and captivating loading effects. Usage: Explore the various sections of the Digital Agency website to witness the seamless navigation, dynamic content rendering, and visually appealing design. Key Features: Next.js 14: Leverage the latest features of Next.js 14 for improved performance and developer experience. TypeScript: Enhance code maintainability and catch potential errors early with TypeScript. JSON Data Rendering: Implement JSON files to fetch and display dynamic content, showcasing the versatility of the website. Tailwind CSS Styling: Utilize Tailwind CSS for a modern and responsive design. Leverage its utility-first approach for efficient styling. Mobile Responsiveness: Ensure a seamless and visually appealing experience across various devices, prioritizing mobile responsiveness. Navigation: Implement a user-friendly navigation system for easy exploration of different sections of the website. Vercel Deployment: Deploy the website on Vercel for a scalable, fast, and reliable hosting solution. Credits: This project is inspired by the need for a cutting-edge Digital Agency website, with design and functionality drawing inspiration from leading agencies in the industry.

Education

  • Sri Lanka Institute of Information Technology (SLIIT)

    Bachelor of Science in Information Technology in Computer science

    2017-01-01-2022-01-01

Languages

  • English
  • Sinhala, Sinhalese
  • Tamil

Personal Accounts