Prakash Meena

OAN Industries


Overview

As the developer responsible for the OAN Industries website, I have meticulously designed a visually captivating digital platform that seamlessly integrates advanced animations and modern design principles. This project showcases OAN Industries' commitment to delivering a dynamic online experience that resonates with its audience.

Important Pages

Home Page

The home page prominently features OAN Industries' key projects, client testimonials, and the brand's design philosophy.

Technologies: Developed using Next.js for optimized performance and React for dynamic user interfaces. Enhanced with GSAP for smooth animations.

Product Catalog

The product catalog showcases a wide range of offerings with detailed descriptions and interactive elements to engage visitors.

Technologies: Utilized React for frontend interactivity and GSAP for animations.

Careers Page

The careers page at OAN Industries is designed to attract top talent by showcasing available job opportunities, company culture, and employee benefits. It features a user-friendly interface that allows potential candidates to easily browse open positions and apply directly through the website.

Technologies: Implemented using Nodemailer for seamless email application submissions. Additionally, Formidable is used for handling file uploads, and Framer Motion is integrated to add smooth transitions and animations.

Contact Page

The contact page includes a user-friendly form with validation and seamless integration with email services for direct inquiries.

Technologies: Used Formidable for form handling and Yup for validation.

Technologies Used

  • Frontend: React.js, HTML, CSS, JavaScript
  • Styling: Tailwind CSS
  • Backend: Node.js
  • Hosting: Hostinger VPS
  • Other Tools: Next.js, Framer Motion, Google APIs, GSAP, Next Sitemap, Nodemailer, React Icons, Sharp, Swiper

Key Features

  • Advanced Animations: Leveraged GSAP for sophisticated animations, enhancing user engagement and visual appeal.
  • Responsive Design: Ensured seamless viewing experience across all devices using Tailwind CSS and responsive design principles.

Challenges and Solutions

  • Server Performance: Effectively managed server load during peak traffic using Hostinger VPS, ensuring stability and optimal performance.
  • Performance Optimization: Implemented Next.js capabilities and GSAP animations to optimize website performance and enhance user experience.

Development Specs

  • Frontend Framework: Next.js, React
  • Styling: Tailwind CSS
  • Backend Framework: Node.js
  • Hosting: Hostinger VPS