Ecommerce Website for a Leading Supermarket in UAE
Case study coming soon- Developed a full-stack ecommerce website for a leading supermarket in UAE using Next.js, React Js, Tailwind CSS, and Mongo Db
- Created listing page and detail page for displaying products and categories, using Next.js app router and server-side rendering for SEO optimization
- Implemented authentication, loyalty program, and referral program features using Next-Auth, MongoDB, and custom logic
- Added animations and transitions to enhance the user interface and experience, using Framer motion and Tailwind CSS
- Integrated dynamic meta tags for each page, using Next.js head component and generateMetadata function
- Deployed the website to Nginx Server with pm2
Ecommerce Website for a Leading Eyewear Chain in UAE
Case study coming soon- Developed a full-stack ecommerce website for a leading eyewear chain in UAE using Next.js, React.js, and other technologies
- Implemented latest server-side actions from Next.js, such as data fetching, API routes, and middleware
- Added internationalization support using next-intl package, allowing users to switch between different languages
- Created custom authentication system using Next.js middleware and JWT, ensuring secure and seamless user login and registration
- Generated dynamic meta tags and open graph images for each page using next-generate-metadata, improving SEO and social media sharing
- Optimized images using Node.js and Sharp, reducing file size and improving loading speed
- Built custom analytics for products, tracking user behavior and preferences using MongoDB and Chart.js
- Managed Next.js cache using next-cache-manager, enhancing performance and reducing server load
- Deployed the website to a self-hosted server using a custom pipeline, using PM2, Nginx, and SSL
CMS Dashboard for a Leading Learning Application in Kerala
Case study coming soon- Developed a CMS dashboard using Angular 16, allowing users to create and manage learning content
- Implemented custom directive using content editable, enabling users to edit content in place
- Used lazy loading components and above the fold loading techniques, improving the dashboard's performance and user experience
- Created custom route resolver for background data fetching, ensuring the data is ready before rendering the components
- Worked with standalone components, making the dashboard modular and reusable
- Used PrimeNG library for layouting, providing a consistent and responsive user interface
- Used RxJS for global state management, handling data streams and events efficiently