I designed and developed a fully integrated, user-centric full-stack website for the Western Sydney Vocational Training Academy, aimed at delivering comprehensive course information and streamlining the student enrollment process. Throughout the development lifecycle, my primary focus was on ensuring an intuitive user experience, optimizing site performance for faster load times, and upholding rigorous standards of code quality. This project exemplifies not only my technical proficiency but also my ability to efficiently manage and integrate a diverse range of systems into a unified platform that addresses both the academy’s administrative requirements and the needs of its users.

Key Technologies & Features:

1. React.js & Next.js: Leveraged these powerful frameworks for a dynamic, responsive, and scalable front-end experience, ensuring optimal performance and flexibility.
2. Tailwind CSS: Utilized Tailwind CSS for building custom, maintainable, and responsive layouts with minimal effort, ensuring a visually appealing and efficient user interface.
3. Sanity CMS: Integrated Sanity CMS to enable dynamic content management, allowing for easy updates and additions to the website's information without requiring developer intervention.
4. RTO Data Cloud Integration: Seamlessly connected the website with RTO Data Cloud, a comprehensive student management software, to streamline the handling of student data and course information.
5. Next-Auth: Employed Next-Auth for secure and reliable admin and dashboard login functionality, ensuring robust authentication and user management.
6. Resend: Integrated Resend to enhance transactional email capabilities, ensuring effective communication between the academy and its students.
7. Next-Share: Incorporated Next-Share to allow for smooth and efficient social media sharing, broadening the platform's reach.
8. Vercel: Deployed the website on Vercel for seamless hosting, automatic scaling, and rapid deployment, ensuring high availability and performance.

This project serves as a testament to my expertise in full-stack development, demonstrating my ability to work with a variety of technologies to build cohesive, scalable, and user-friendly digital platforms.
Live Preview

The Citizenship test practice website is a full-stack, interactive platform designed to help users prepare for the Australian citizenship test. This website offers a comprehensive collection of multiple-choice questions (MCQs) organized into 32 test sets, closely mirroring the format of the actual exam. Users can effortlessly navigate between tests, with their scores displayed upon completion to indicate whether they have passed or failed the exam.

The website is built using modern technologies, ensuring high performance, user-friendliness, and scalability. The design is optimized for a seamless user experience, while the backend efficiently handles question storage, tracking of user engagement, and content management. This project not only serves as a valuable resource for individuals preparing for the citizenship test but also adheres to best practices in web development, such as code splitting, responsive design, and SEO optimization.

Technology Stack & Features:

• Use Case: Citizenship test practice website

• Framework: Next.js 15, React 19

• Typescript: Yes, for type safety and robust code management

• Markup: HTML5, next-mdx-remote for dynamic blog content

• Styling: Tailwind CSS for rapid, responsive design and CSS3 for advanced styling

• Animation: Framer Motion for smooth, interactive transitions and animations

• Font Family: Montserrat, Sans Serif for a clean, modern look

• Icon Library: React-Icons for intuitive and visually appealing icons

• Third-Party Libraries: Reading-time (for blog content), dotenv (for environment management), date-fns (for date manipulation)

• Backend: MongoDB for storing questions, Firebase for tracking user engagement metrics such as views and likes

• Hosting: Hostinger VPS Hosting for reliable performance and scalability.

  Key Features:

• Progressive Web Applications (PWA): This website incorporates PWA features, allowing users to install it as a mobile app or web app for a seamless, app-like experience.

• Comprehensive Question Sets: The platform offers a large number of MCQs, categorized into 32 sets, which replicate the real Australian citizenship test format.

• User Engagement Tracking: Firebase is used to track user interactions such as views and likes, providing insights into content popularity and user preferences.

• Seamless Navigation: Users can easily navigate between different test sets, providing a fluid and uninterrupted practice experience.

• Real-Time Scoring: Scores are displayed immediately after each test, with a pass/fail indicator based on performance.

• Responsive Design: The website is optimized for use across devices, ensuring a smooth experience whether accessed from a desktop, tablet, or mobile device.

• SEO & Performance Optimized: Best practices such as code splitting, lazy loading, SEO optimizations ensure fast loading times and visibility on Google.

This project demonstrates my ability to build a scalable, interactive, and highly functional full-stack web application using a modern tech stack. It showcases my expertise in both frontend and backend development, as well as my focus on user experience, performance, and scalability.
Live Preview

I created a comprehensive and user-friendly frontend application for Brush Touch Painting Service Provider. This project, developed using React 18 and Vite, offers detailed service information and a project picture gallery where customers can explore the available services and view various project images completed by the company before making a decision.

This project highlights my proficiency in frontend development, leveraging technologies such as React components, reusable components, and React hooks. I aimed to design intuitive user interfaces and ensure a responsive design for seamless accessibility across different devices.

From design to implementation, I organized the project to deliver an outstanding user experience and foster repeat customer engagement. The project also demonstrates the advantages of breaking down large codebases into reusable components, optimizing performance, and upholding high code quality standards.

This project is fully responsive and SEO optimized, ensuring excellent performance and visual appeal on all devices. It showcases my technical capabilities and my ability to develop cohesive platforms that meet the needs of both the service provider and its customers.