
**Project Overview:**
Kenil is a modern, responsive one-page React template, crafted for personal portfolio websites. Originally developed using HTML, CSS, Bootstrap, JavaScript, and jQuery by [Harnish Design](https://harnishdesign.net/kenil-personal-portfolio-react-template.html), I collaborated with them to convert it into React, enhancing its functionality and maintainability. Kenil is perfect for professionals like graphic designers, developers, and photographers who want to showcase their work in a unique and stylish way.

**Key Features:**

- **React Integration:** Upgraded to React v18+ for enhanced performance.
- **Bootstrap 5 Framework:** Ensures a responsive, modern design.
- **Dark/Light Modes:** Offers multiple demos with light and dark themes.
- **Customization:** The code is well-commented, making it easy to customize.
- **Portfolio Features:** Includes Isotope filters, project popups, and support for images and videos.
- **Support & Documentation:** Detailed documentation and premium support included.

**Contribution:**
I was responsible for converting the Kenil template from its original HTML, CSS, Bootstrap, JavaScript, and jQuery version, created by Harnish Design, into React. This conversion optimized the template for modern web development and helped successfully launch it on ThemeForest.

## Result

![Curoloy 01.](/images/projects/kenil/1.png)
![Curoloy 01.](/images/projects/kenil/2.png)


Client

Timeline

website

Kenil Personal Portfolio 


**Project Overview:**
I developed a uniquely designed website for an architect, ensuring that the design elements clearly reflect the architectural focus. The website's layout and style immediately convey the nature of the business, providing a professional and visually appealing experience.

**Key Features:**

- **Visual Appeal:** Integrated small animation elements using Framer Motion to enhance the visual appeal without overwhelming the user experience.
- **Engagement Features:** Added functionality to share the website via WhatsApp, aiming to increase user engagement and broaden the website’s reach.
- **Social Integration:** Integrated Instagram to display recent work and maintain a social presence.
- **Content Management:** Used WordPress as a headless CMS to manage projects and blogs, providing flexibility and ease of content updates.

**Technologies Used:**

- **Frontend:** React and Tailwind for a responsive and modern design.
- **Animations:** Framer Motion to add subtle yet impactful animations.
- **CMS:** WordPress (headless) for project and blog management.

## Result

![Curoloy 01.](/images/projects/HarikrushnaPattaniAndAssociates/1.png)
![Curoloy 01.](/images/projects/HarikrushnaPattaniAndAssociates/2.png)
![Curoloy 01.](/images/projects/HarikrushnaPattaniAndAssociates/3.png)
![Curoloy 01.](/images/projects/HarikrushnaPattaniAndAssociates/4.png)
![Curoloy 01.](/images/projects/HarikrushnaPattaniAndAssociates/5.png)
![Curoloy 01.](/images/projects/HarikrushnaPattaniAndAssociates/6.png)


Website Development for Harikrushna Pattani and Associates

Services

Harikrushna Pattani and Associates


**Project Overview:**
Solace Sofas is a furniture store specializing in custom-built furniture tailored to individual requirements, with the convenience of online ordering and home delivery. I developed a website for them using React and Tailwind, ensuring a modern and responsive design.

**Key Features:**

- **Dynamic Content Management:** The website is built with a JSON-based system that allows the client to make dynamic updates directly from the JSON file, providing flexibility without the need for complex backend systems.
- **Technologies Used:**
  - **Frontend:** React and Tailwind for a sleek, user-friendly interface.
  - **Dynamic Updates:** JSON integration for easy content management.

## Result

![Curoloy 01.](/images/projects/SolaceSofas/1.png)
![Curoloy 01.](/images/projects/SolaceSofas/2.png)
![Curoloy 01.](/images/projects/SolaceSofas/3.png)
![Curoloy 01.](/images/projects/SolaceSofas/4.png)


Solace Sofas


**Project Overview:**
MXapp is a one-page React template designed to showcase mobile apps creatively. Originally developed by [Harnish Design](https://harnishdesign.net/mxapp-app-landing-page-react-template.html) using HTML, CSS, JavaScript, Bootstrap, and jQuery, I converted it into React to enhance its performance and ease of customization. This template is ideal for app developers looking to present their products effectively.

**Key Features:**

- **React Integration:** Converted to React v18+ for better performance and developer experience.
- **Responsive Design:** Built with Bootstrap 5, supporting 15 different home intros, 10 color schemes, and multiple header and menu styles.
- **Interactive Elements:** Includes a working contact form, MailChimp newsletter subscription form, and RTL support.

**Contribution:**
I converted the MXapp template from its original codebase to React, making it a modern and user-friendly landing page solution for mobile app showcases.

## Result

![Curoloy 01.](/images/projects/mxapp/1.png)
![Curoloy 01.](/images/projects/mxapp/2.png)


MXapp App Landing Page 


**Project Overview:**
Zoon is a versatile "Coming Soon" and "Under Construction" React template, designed to help businesses retain customers while their websites are being rebuilt. Originally developed using HTML, CSS, Bootstrap, and JavaScript by [Harnish Design](https://harnishdesign.net/zoon-coming-soon-react-template.html), I collaborated with them to convert it into React, enhancing its performance and usability. Zoon offers 24 unique layout variations, including a countdown timer and RTL support, making it ideal for creatives, agencies, and businesses of all kinds.

**Key Features:**

- **React Integration:** Converted to React v18+ for improved performance.
- **Responsive Design:** Fully responsive with a clean, modern look.
- **Customization:** Easy to customize, with features like a countdown timer and RTL support.
- **MailChimp & Contact Form Integration:** Fully integrated with MailChimp Newsletter Form and a working Contact Form.
- **Support & Documentation:** Comes with detailed documentation and top-notch support.

**Contribution:**
I was responsible for converting the Zoon template from its original HTML, CSS, and JavaScript version, created by Harnish Design, into React. I worked closely with Harnish Design to ensure a seamless transition. This template is now available on ThemeForest, providing a robust solution for businesses needing a "Coming Soon" page.

## Result

![Curoloy 01.](/images/projects/zoon/1.png)


Zoon Coming Soon


**Project Overview:**
Pehchaan 1.0 is the initial MVP (Minimum Viable Product) of a fully animated website developed for the startup PEHCHAAN. The goal was to create an engaging, visually appealing landing page that could effectively communicate the brand’s identity and mission.

**Key Features:**

- **Fully Animated Interface:** The website utilizes Framer Motion, a powerful animation library, to bring the landing pages to life with smooth and dynamic animations.
- **Technologies Used:**
  - **React:** To build a responsive and interactive frontend.
  - **Sass:** For maintaining clean, modular, and scalable stylesheets.
  - **Framer Motion:** To implement intricate animations and transitions, enhancing user experience.

**Outcome and Future Development:**
The MVP received an excellent response, leading the PEHCHAAN team to continue development internally as they move towards Pehchaan 2.0. The initial landing pages laid a strong foundation for further advancements.

## Result

![Curoloy 01.](/images/projects/Pehchaan/1.png)
![Curoloy 01.](/images/projects/Pehchaan/2.png)
![Curoloy 01.](/images/projects/Pehchaan/3.png)
![Curoloy 01.](/images/projects/Pehchaan/4.png)


Pehchaan


**Project Overview:**
Alpha Appliances offers a range of kitchen appliance products and services. I developed a website for them, incorporating a robust content management system to facilitate easy updates and management of content.

**Project Challenge:**
The challenge was to complete the project in 5 days without a UI/UX design. To achieve this, I utilized Tailwind UI components and designed the interface through code alone.

**Technical Stack:**

- **Frontend:** React
- **Styling:** Tailwind

## Result

![Curoloy 01.](/images/projects/AlphaAppliances/1.png)
![Curoloy 02.](/images/projects/AlphaAppliances/2.png)
![Curoloy 03.](/images/projects/AlphaAppliances/3.png)
![Curoloy 04.](/images/projects/AlphaAppliances/4.png)


Alpha Appliances


**Project Overview:**
Callum is a creative one-page React template designed for personal portfolio websites. Originally developed using HTML, CSS, and JavaScript by [Harnish Design](https://harnishdesign.net/callum-portfolio-react-template.html), I collaborated with them to convert it into React, enhancing its performance and flexibility. This template is ideal for photographers, artists, developers, and designers who want to showcase their work with a powerful parallax and video background.

**Key Features:**

- **React Integration:** Converted to React v18+ for improved performance.
- **Responsive Design:** Ultra-responsive layout built on Bootstrap 5.
- **Customization:** Easy to customize with 7 color schemes, RTL support, and powerful portfolio features.
- **Advanced Portfolio:** Includes Isotope filters and Portfolio Details Popup for detailed project views.
- **Interactive Elements:** Video backgrounds, typing animations, and a working contact form to send emails without a backend.

**Contribution:**
I was responsible for converting the Callum template from its original HTML, CSS, and JavaScript version, created by Harnish Design, into React, ensuring it remains easy to customize and integrates smoothly with modern web technologies.

## Result

![Curoloy 01.](/images/projects/callum/1.png)
![Curoloy 01.](/images/projects/callum/2.png)


callum Personal Portfolio


**Project Overview:**
Simone is a one-page React template crafted for personal portfolios, resumes, and CVs with a unique design focus on user experience. Initially developed by [Harnish Design](https://harnishdesign.net/simone-personal-portfolio-react-template.html) using HTML, CSS, JavaScript, Bootstrap, and jQuery, I converted it into React, making it modern and efficient. This template is perfect for both beginner and professional engineers.

**Key Features:**

- **React Integration:** Converted to React v18+ for improved performance and ease of use.
- **Responsive Design:** Ultra-responsive, built with Bootstrap 5, supporting RTL and 10 color schemes.
- **Portfolio Features:** Includes filterable portfolio and detailed popups for project views.
- **Interactive Elements:** Light and dark versions, video backgrounds, typing animations, and a working contact form.

**Contribution:**
I converted the Simone template from its original HTML, CSS, and JavaScript version into React, ensuring it is both user-friendly and highly customizable, meeting the latest design standards.

## Result

![Curoloy 01.](/images/projects/simone/1.png)
![Curoloy 01.](/images/projects/simone/2.png)


simone Personal Portfolio 


### Nextn Sheet Metal Solutions

**Project Overview:**
Nextn Sheet Metal Solutions offers a range of services, including laser cutting, welding, and press brake solutions. I developed a static website for them to showcase their services and provide essential information to potential clients.

**Key Features:**

- **Service Showcase:** The website clearly presents the various metalworking services offered by Nextn Sheet Metal Solutions.
- **Technologies Used:**
  - **Frontend:** Angular and Tailwind were utilized to create a clean, responsive, and user-friendly interface.

## Result

![Curoloy 01.](/images/projects/Nextn/1.png)
![Curoloy 01.](/images/projects/Nextn/2.png)
![Curoloy 01.](/images/projects/Nextn/3.png)
![Curoloy 01.](/images/projects/Nextn/4.png)
![Curoloy 01.](/images/projects/Nextn/5.png)


Static Website Development for Nextn Equipments

Nextn


**Project Overview:**
Soma is an e-commerce platform offering a wide range of products, including clothes and bed sheets. We developed the frontend of the web app, integrating backend Node APIs with React.

**Key Features:**

- **Lazy Loading:** Implemented on the shop page to enhance performance.
- **Google Translate:** Added to support multiple languages.
- **Social Sign-in:** Integrated Facebook and Google sign-in during signup.
- **Payment Integration:** Incorporated PayPal, PayU, and Razorpay for seamless transactions.

**Technical Stack:**

- **Frontend:** React, Next JS
- **Backend Integration:** Node APIs

## Result

![Curoloy 01.](/images/projects/Soma/1.png)
![Curoloy 01.](/images/projects/Soma/2.png)
![Curoloy 01.](/images/projects/Soma/3.png)
![Curoloy 01.](/images/projects/Soma/4.png)
![Curoloy 01.](/images/projects/Soma/5.png)
![Curoloy 01.](/images/projects/Soma/6.png)
![Curoloy 01.](/images/projects/Soma/7.png)
![Curoloy 01.](/images/projects/Soma/8.png)
![Curoloy 01.](/images/projects/Soma/9.png)
![Curoloy 01.](/images/projects/Soma/10.png)
![Curoloy 01.](/images/projects/Soma/11.png)
![Curoloy 01.](/images/projects/Soma/12.png)
![Curoloy 01.](/images/projects/Soma/13.png)
![Curoloy 01.](/images/projects/Soma/14.png)


Service

Technologies

Soma Shop


**Project Overview:**
The VFX Company specializes in services such as motion graphics videos, 3D product visualization, and graphic design. Initially, we developed a static website for them, where portfolio videos and client sections required manual updates for any changes. Recognizing the need for more flexibility, we upgraded the website to a dynamic platform with a fresh design and added an admin panel.

**Key Features:**

- **Dynamic Portfolio and Client Management:** The new admin panel allows The VFX Company to easily manage their portfolio and client sections, enabling quick updates without the need for manual coding.
- **Technologies Used:**
  - **Frontend:** Angular and Tailwind, providing a responsive and modern user interface.
  - **Backend:** Firebase, offering a scalable and reliable backend solution.

## Result

![Curoloy 01.](/images/projects/TheVFXCompany/1.png)
![Curoloy 01.](/images/projects/TheVFXCompany/2.png)
![Curoloy 01.](/images/projects/TheVFXCompany/3.png)
![Curoloy 01.](/images/projects/TheVFXCompany/4.png)
![Curoloy 01.](/images/projects/TheVFXCompany/5.png)
![Curoloy 01.](/images/projects/TheVFXCompany/6.png)
![Curoloy 01.](/images/projects/TheVFXCompany/7.png)


The VFX Company


### BuggieGarages

**Project Overview:**
BuggieGarages is a startup centered around a franchise model for garages. We developed a prototype application designed to streamline the process of finding and booking garage services. The app collects vital data, including customer information, vehicle details, and the customer's current location.

**Features:**

- **Nearest Garage Locator:** Using the customer's location, the app identifies the nearest garages within the BuggieGarages franchise network.
- **Service Booking:** Customers can book services at their convenience from the nearest garage. Once a booking is made, the garage owner receives a request and arranges for vehicle pickup from the customer's location.
- **Admin Panels:**
  - **Customer Bookings Management:** An admin panel for managing customer bookings, ensuring smooth operations and efficient service delivery.
  - **Garage Management:** An admin panel for BuggieGarages to manage and oversee all garages within the franchise.

**Technical Stack:**

- **Frontend:** Angular
- **Backend:** PHP REST API

## Result

![Curoloy 01.](/images/projects/BuggieGarages/1.png)
![Curoloy 01.](/images/projects/BuggieGarages/2.png)
![Curoloy 01.](/images/projects/BuggieGarages/3.png)
![Curoloy 01.](/images/projects/BuggieGarages/4.png)


Recent Works