dulkifal.github.io

Welcome to my portfolio website! This project showcases my skills, projects, and services as a web developer.

Table of Contents

• About
• Skills
• Services
• Projects
• Contact
• Setup

About

My journey into tech began with a passion for modding video games, which taught me the power of coding to create and innovate. Today, I apply that creativity and problem-solving skill to develop software solutions that make a meaningful impact on the world.

Skills

• JavaScript
• TypeScript
• Next.js
• UI/UX Design
• Redux
• Git
• MySQL
• Frappe
• Presentation
• Responsive Design
• CSS
• React
• API Development
• Project Management
• Team Leadership

Services

• Web Design: Stop boring design, and try these designs to explore the world of creative designs.
• Web Development: I like making fun, interactive things with code.
• Motion Graphic Design: Playing with graphic design, I'm sure it will lead you to the next level.

Projects

3D Text and Plane Interaction

This project demonstrates the use of Three.js to create a 3D scene with interactive text and a plane. The text and plane can be dragged and rotated using mouse interactions.

• Technologies Used: Three.js, JavaScript
• File: main.js

Portfolio Website

A personal portfolio website showcasing my skills, projects, and services. It includes sections for About Me, Skills, Services, Work, and Contact.

• Technologies Used: HTML, CSS, JavaScript, jQuery
• Files: index.html, website.css, script.js

Contact

• Address: Malappuram, Kerala, India
• Phone: +91 8714089827
• Email: [email protected]
• Website: dulkifal.github.io

Setup

To set up the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/dulkifal/dulkifal.github.io.git

What to Showcase (for MERN freelance)

• 4–6 featured projects with:
  • Short problem statement, your approach, and measurable impact (e.g. "+40% enquiries")
  • Live demo + source code link
  • Tech stack badges (React, Node, Express, MongoDB, Redux, Docker)
  • Screenshots / video / architecture diagram
• Case studies page per project (detailed)
• Contact form wired to a backend lead endpoint (Express endpoint + email or CRM)
• Blog or notes (optional) showing your technical depth (post: Deploying MERN with Docker + CI)

MERN checklist to demonstrate

• Frontend: React (or Next.js), responsive design, accessibility (ARIA), unit tests (Jest)
• Backend: Node + Express APIs, input validation, error handling
• Database: MongoDB schema + backups
• DevOps: Dockerfile, docker-compose, CI (GitHub Actions), deploy guide
• Observability: Error tracking, Google Analytics / GTM, uptime (optional)

Run locally (short)

1. Frontend: serve static with npm run build (Next/React)
2. Backend: node server.js (Express) — ensure .env with DB and mail creds