Portfolio

Hello

My name is Natthapat Kosum, nicknamed Ohm. I am a newcomer who has just embarked on the world of programming.

I have a keen interest in software development and programming in various languages. I am creative-minded and eager to learn more about new technologies and tools to continuously enhance my skills.

I am ready to work collaboratively with a team and committed to learning and improving myself every day.

Thank you for visiting my website. If you have any questions or need further information, please contact me.

My Resume
react
proflie
html
css
javascript
php
Technical Proficiency
Frontend
Frontend
Backend
Backend
Database
Database
Tools
Tools
Soft Skills
Soft Skills
Frontend

HTML5

Basic

CSS3

Basic

JavaScript

Basic

ReactJS

Basic

Work Experience
PHP Web Development at A One Program (Internship)
PHP Web Development at A One Program (Internship)
December 2021 - April 2022
  • Responsible for developing and maintaining websites using PHP, attending online meetings to listen and understand customer requirements on occasion.
  • Designing and developing login, register, and profile edit forms, testing and validating input data correctness before inserting into the database (HTML, CSS, JavaScript, PHP, MySQL).
  • Responsible for implementing CRUD operations in the backend, connecting to MySQL database using PHP, fetching data from the database to display on the website, and resolving other technical issues within the system.
  • Responsible for testing the system and other tasks assigned by the company according to requirements or assignments before delivering to customers.
Projects
1) CRUD for restaurant website I created this project to practice my PHP and PHP-PDO for database connectivity. I used Xampp as the web server for development. For the frontend, I utilized the Restaurantly template designed by BootstrapMade, and for the backend, I used a template called Minimal Admin Panel. (PHP, MySQL)

1) CRUD for restaurant website I created this project to practice my PHP and PHP-PDO for database connectivity. I used Xampp as the web server for development. For the frontend, I utilized the Restaurantly template designed by BootstrapMade, and for the backend, I used a template called Minimal Admin Panel. (PHP, MySQL)

The work I do

Frontend

- Add a link to the backend management page and store session data indicating whether the user has logged in or not. If logged in, direct to the backend management page; otherwise, redirect to the login page.

- Create a login system to connect to the backend and ensure that the user credentials match those in the database before proceeding to the next step.

- Add Thai language using PHP switch statement to select commands based on the users language selection.

- Manage the table reservation form. Conditions will be checked in the input fields to ensure that a table cannot be booked twice and the same phone number cannot be used again. Upon pressing the submit button, the LINE Notify API will be called to send notification of the reservation details.

- Build a page for checking reservation status, utilizing the phone number and reservation code matching those in the database for verification.

- Add a calendar JavaScript section to check the status of booked tables during specific timeframes. Retrieve reservation data from the database and display it on the fullcalendar library.

- Store the contact form data into the database and display it on the backend management page.


Backend

- Adding Thai language using PHP switch statement.

- Create View, Add, Delete, Edit forms to manage frontend data.


API used

- Line Notify


Webhost used: 000webhost || PACKAGE: FREE

Website Template: https://themewagon.com/themes/free-bootstrap-5-html-5-restaurant-website-template-restaurantly/

Admin Panel Template: https://w3layouts.com/minimal-admin-panel-flat-bootstrap-responsive-web-template/


Demo User :: Password

Username: Admin

Password: 123456

DL - GithubLive Demo
2) This project was created to practice using PHP and JavaScript. I designed a Point of Sale (POS) system for pet products, specifically for dogs and cats. It utilizes Xampp as the web server and is developed using HTML, CSS, JavaScript, PHP, MySQL, Bootstrap, jQuery, and FontAwesome. The project allows for selling products, processing payments, and generating receipts, but it currently lacks a backend data management system.

2) This project was created to practice using PHP and JavaScript. I designed a Point of Sale (POS) system for pet products, specifically for dogs and cats. It utilizes Xampp as the web server and is developed using HTML, CSS, JavaScript, PHP, MySQL, Bootstrap, jQuery, and FontAwesome. The project allows for selling products, processing payments, and generating receipts, but it currently lacks a backend data management system.

The work I do

- Create a sales page for dog and cat products. (retrieve data from database)

- Classify products according to pet characteristics of dogs and cats.

- Build the checkout section and design a modal for printing receipts.


Backend

- Login System.

- CRUD Employee.

- CRUD Member.


Username: test01@hotmail.com

Password: 11446688


Webhost used: 000webhost || PACKAGE: FREE


DL - GithubLive Demo
3) My Favorite Movie - Created for practicing my React, React Hooks skills. This project allows users to click and add their favorite movies to their favorites list. Built with Vite + React, CSS, Bootstrap, Bootstrap Icons, and Swiper.

3) My Favorite Movie - Created for practicing my React, React Hooks skills. This project allows users to click and add their favorite movies to their favorites list. Built with Vite + React, CSS, Bootstrap, Bootstrap Icons, and Swiper.

The work I do

- Create and design the UI section component using Vite + React and CSS.

- Utilize Swiper to display movie slides.

- Separate categories: Home, All Movies, My Favorites using useRef.

- Create a function to be used with the input for searching movie titles.

- Fetch API to display movies on the website.


API used

- The Movie Database (TMDB)




DL - GithubLive Demo
4) Tesla Clone Web - Created to practice my HTML, CSS, and JavaScript skills (HTML, CSS, JavaScript)

4) Tesla Clone Web - Created to practice my HTML, CSS, and JavaScript skills (HTML, CSS, JavaScript)

Original Tesla Website:

- https://www.tesla.com/th_th





DL - GithubLive Demo
Contact Me
nattapat.k.008@gmail.com

nattapat.k.008@gmail.com

dtory1144

dtory1144