Welcome to My Portfolio

I am a passionate web developer with expertise in creating innovative and responsive websites. Explore my projects, skills, and

About ME

I am a passionate web developer currently pursuing a High Vocational Certificate in information technology at Chiangmai Technical College. Over the past one years, I have gained hands-on experience in web development through various projects, internships, and freelance work. My expertise includes front-end development using React, as well as back-end technologies like Node.js and PostgreSQL.


In addition to web development, I have a strong interest in AI and data-driven technologies, which I continue to explore through both personal projects and academic research. I am committed to continuous learning and thrive on solving complex problems with innovative solutions.

Education

  • Takoeplabpla Pittaya
    • High School
    • Grade 7-9
  • Wiang Pa Pao Technical College
    • High School
    • Grade 9-12
  • Chiangmai Technical College
    • Grade 12
    • Chiangmai Technical College: Expected Graduation 2025
  • Experience

  • Web Development Intern SOFTINTER CHIANGMAI COMPANY LIMITED 2024
    • Responsible for working on both Frontend and Backend development, as well as generating reports, managing databases, and handling email forms to ensure the system operates efficiently
  • Network Intern NTMoblie Company 2022
    • Responsible for working on both Frontend and Backend development, as well as generating reports, managing databases, and handling email forms to ensure the system operates efficiently
  • Nextjs and OpenWeatherMap API

    WeatherApp

    blog thumbnail

    Project Overview:

    This project is a weather application developed using Next.js as the frontend framework. The application allows users to search for weather forecasts for different locations by leveraging the OpenWeatherMap API. The displayed weather data includes current temperature, weather conditions, high and low temperatures, humidity, pressure, and potentially wind speed. The application provides a user-friendly interface with a search bar and a clear presentation of the forecast.

    Key Features:

  • Location-based search: Users can input a location to get tailored weather information.
  • Real-time data: The app fetches up-to-date weather data from the OpenWeatherMap API.
  • Intuitive interface: The design is clean and easy to navigate.
  • Multi-day forecast: Users can view weather predictions for multiple days.
  • Technical Implementation:

  • Frontend: Next.js provides a robust framework for building React applications, enabling efficient server-side rendering and static site generation.
  • Backend The OpenWeatherMap API is integrated to retrieve weather data based on the user's search query. The API returns JSON data that is then parsed and displayed on the frontend.
  • Nextjs and Mongodb

    Todo List

    blog thumbnail

    Project Overview:

    This project is a Todo List application developed using Next.js, MongoDB, and NextUI. The key features of this project are

  • Next.js: Serves as the main framework for building the user interface (UI) of the application, enabling rapid and efficient web application development.
  • MongoDB: Acts as the database for storing user's Todo list items. MongoDB offers flexibility in storing data that doesn't require a rigid structure.
  • NextUI: Is a UI components library that simplifies the creation of UI components and provides a visually appealing design aligned with current trends.
  • Core Functionalities:

  • Add items: Users can add new items to the list.
  • Edit items: Users can modify the details of existing items
  • Delete items: Users can remove unwanted items from the list.
  • Duplicate items: Users can create a copy of an existing item.
  • Manage profile: (If this feature exists) Users can create personal profiles to manage their own Todo lists.
  • Skills

    Languages

    Framework & Library

    Database

    Tools

    Contact Panudet for Web Development Services

    What's the first rule of web development?