How to implement IP Limiter in Vibe Coding

An IP rate limiter helps protect your website from bots and attackers who repeatedly submit requests or attempt unauthorized logins. Implement rate limiting on forms and login pages to reduce spam, automated abuse, and brute-force attacks. Below is a simple IP-based rate limiter written in PHP. How to create IP Limiter FOR Vibe Coder Using […]

How to Create Website Notification

Creating website notifications largely involves managing cookie information. Web notifications can be used to inform or alert users effectively. Businesses dealing with alcoholic beverages, 18+ media, gambling services, smoking and vaping products, or adult toys may need to implement web notifications on their websites to comply with regulations and properly inform users. There are several […]

React Next JS Icons

React Next JS Icons Here is a list of icons I use for my Reac Next JS projects. Would like to share with you if you developed your own Next Js App. To install the package library it is super simple with the npm command. With thousands of icons, you will surely love this library. […]

Google Free eSignature Document

Google introduced its eSignature feature for Google Docs and Google Drive in August 2023. This application is only available for Google Workspace users PAID users. I suggest you guys check this out and if you need help or training on using these features, do write to Nova. Let me demo how this is done so […]

Using Figma to Design Web Layout

Use Figma to plan your web layout, particularly when designing a custom website for clients. Custom websites can range in price from RM 3,000 to RM 25,000, so it’s important to give clients a clear “what you see is what you get” experience. Many companies charge for this service, as developing strong concepts before starting […]

Website Share Info in Whatsapp, Facebook, Instagram, Email and etc

Here’s the straightforward solution: Do you want to share your web content directly to WhatsApp, Telegram, or other social media platforms? Instead of relying on plugins, there’s a more effective method using simple HTML, CSS, and JavaScript. Check out the sample website below. When you press “share,” it activates the browser’s Share API, allowing you […]

Banner Web Designer Penang

Banner/ Slider Designer for Website At Nova we promote simplicity. We believe that the banner/slider should be simple and straight to the point. The information should be clean and concise. The idea of the banner is to allow visitors to capture the meaning of the website within the first 2 seconds when the website loads. […]

Migrating Smartermail to Webmail

Migrating Smartermail to Webmail In this article, we will discuss how we can do a safe and simple migration hassle-free with low technical knowledge Migration from email accounts from domain A to domain B Example: sales@company1.com (Hosting A Smartermail) to sales@company2.com (Hosting B Webmail) Migration to a different hosting with the same email accounts Email: […]

Next JS – React Hook Form with Zod Complete

How to write a Front End and Back End (Server side validation). It is really important to provide both client-side and server-side validation. The code below shows how to implement a form that provides both using react hook form and Zod. Next JS – React Hook Form with Zod Complete Creation of React Hook […]

[NextJS] With Drizzle Neon

Just love this new Drizzle, Neon database. Really simplifying how you store your data in serverless environment. With Drizzle you can actually connecct to any database at ease. Drizzle Studio is a new way for you to explore SQL database on Drizzle projects. Take a look and you will understand. Integration drizzle to Next JS […]

React Hook Form with Zod Nextjs 14

One of the most useful library if you are into Next Js. Introducing React Hook Form and Zod for form creations and form validation. Here is the easy implementation There will be 3 parts. 1) Installing the React Hook Form, Zod, and React Resolver 2) Creating the component Page 3) Creating the page.tsx Let’s Start […]

Autocomplete.js

If you are looking for autocomplete features (similar to Google), I strongly suggest autocomplete.js, You can create beautiful autocomplete functions on your website using this lightweight library. I strongly recommend this library since it is easy to use and implement. Here are some of the codes <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> […]

EC2 CloudFront Https

A simple set-up on how to point Cloudfront to the EC2. I hope you understand the concept of Route 53 DNS and how to create a Certificate from the Certificate Manager. You can refer to the diagram below for how I set up a simple setup. Just follow step by step and you will be […]

Coding Class Penang

Ultimate Coding Class for Graduates Nova Web Penang has joined forces with Code Genius to offer a comprehensive coding program tailored for IT graduates. The curriculum spans four fundamental coding languages: HTML, CSS, Javascript, and WordPress. The intensive 2-week boot camp, priced at RM 9000, guarantees a transformative learning experience. During the 10-day classes, participants […]

Setting Up Apache LAMP with EC2 with Amazon Linux 2023

AMAZON LINUX 2023: LAMP INSTALLATION Nova Web Design Penang would like to give a simple tutorial on how to set up your LAMP virtual server using Amazon AWS. For developers who are hungry for fast and reliable performance, and wish to utilise the power of Amazon EC2, this tutorial will guide you step by step […]

Prisma Simplified Database Access

Prisma will be a new way to easily access (read, write, edit and delete). Prisma IO is not a database and don’t get me wrong. It is just a library to help developers process data easily using any database they feel comfortable with. Data Types Here are the databases Prisma supports. Database Version PostgreSQL 9.6 […]

Virus Total API to check File before Upload via PHP

If you are looking for a FREE virus scanner (A Powerful Virus / Malware scanner) you may want to consider Virus Total. Virus Total is owned by Google and it helps to tell you whether the URL and files you scan contain malware, or suspicious virus and malware. One of the cool things about Virus […]

Authentication and Session PASSPORTJS

Here is the next part of the implementation of passport.js and express session. To create a simple authentication with session, i would recommend the usage of these 3 libraries connect-ensure-login express-session passport Main.js app.post(‘/login’, passport.authenticate(‘local’, { successReturnToOrRedirect: ‘/dashboard’, failureRedirect: ‘/login’ })); Route.js router.get(‘/dashboard’,connectEnsureLogin.ensureLoggedIn(),students.dashboard); router.get(‘/applyuni’,connectEnsureLogin.ensureLoggedIn(),students.applyuni); router.post(‘/applyuni’,connectEnsureLogin.ensureLoggedIn(),students.applyuniform); //include validator students.js exports.dashboard = async (req,res)=>{ […]

Converting Object into Array

To convert an object into an array in javascript is really simple. Just use Object.entries(). In the codes below i will show you few examples how you can learn to manipulate objects and arrays. I hope this will assist you to learn Javascript better const info = { name:’Justin […]

Web Design Scroll Effect- Locomotive Scroll JS

Web Scroll Effect – Locomotive Scroll JS You are bored with static/non-moving websites. You feel your website should be a bit animated to improve the user experience[UX]. Scrolling a website with just plain text and images is really boring. We hope to see some animation. Locomotive Scroll JS is a Javascript library that helps to […]