GreenCard Service Platform

GreenCard Apply

GreenCard Apply is a modern web platform for a GreenCard service company. Users can submit applications, explore services, read blogs, and access FAQs. Admins manage all client applications, website content, and dynamic sections via a dedicated dashboard. The system ensures easy content updates, secure application management, and a responsive user experience.

Live Demo

Project Information

Role: Frontend Developer

Team: 2 Developers (Frontend + Backend)

Duration: 2 months

Year: 2025

Tech Stack

Next.js

TailwindCSS

ShadcnUI

react-toastify

Axios

lucide-icons

react-hook-form

zod

react-easy-crop

framer-motion

tanstack/react-query

Key Features

Dynamic GreenCard application forms
Admin dashboard for managing applications and website content
Editable FAQs, services, and blog posts
Responsive and user-friendly interface
Notifications and interactive feedback
SEO optimized structure

My Responsibilities

Developed dynamic GreenCard application forms with validation
Implemented admin dashboard for managing applications and content
Integrated dynamic services, FAQs, and blog sections
Ensured responsive and accessible UI for desktop and mobile users
Connected frontend with backend APIs using Axios and React Query
Implemented real-time feedback and notifications using Sonner and Framer Motion

Advantages

Online Application System: Users can submit applications easily
Dynamic Content Management: Admins can update services, FAQs, and blogs without code
Admin Dashboard: Full control over applications and website content
Responsive & Modern UI: Optimized for all devices
SEO Friendly: Optimized structure for search engines

Challenges

Ensuring dynamic form handling and validation
Integrating real-time updates for admin dashboard
Managing content dynamically across multiple sections
Maintaining responsive design and accessibility

Solutions

Used React Hook Form with Zod for dynamic form validation
Leveraged TanStack React Query for real-time data fetching and caching
Applied TailwindCSS and ShadcnUI for modular, responsive UI components
Implemented Framer Motion and Sonner for interactive notifications and feedback

Project Gallery