Sushil Tripathi

My Services

I build fast, responsive, and scalable web applications using modern technologies like React.js and Next.js. Whether you need a dynamic single-page application (SPA), a server-rendered website, I deliver optimized and maintainable code with a focus on user experience (UX) and performance.

Experience

Education

My Skills

Technologies and tools I've worked with throughout my projects and experience

Projects

Machine Translation

MachineTranslation.com is a powerful translation comparison and AI review platform that evaluates over 20 major translation engines. I contributed as a frontend developer, focusing on performance optimization, responsive design, and multi-language support.

Next.js

NextAuth.js

Tailwind CSS

i18next

Typescript

React Hook Form

React Query

Swiper

Sharp

Sentry

Axios

Moment.js

Core Development Highlights :

• Developed reusable and responsive UI components using React and MUI, integrated within a Next.js app router architecture.
• Leveraged Next.js SSG, SSR, and ISR to optimize performance, SEO, and content freshness across dynamic pages.
• Implemented i18n localization for 240+ languages using @formatjs, negotiator, and locale-based dynamic routing.
• Integrated NextAuth.js for secure authentication with JWT and OAuth providers, enhancing user management and session handling.
• Utilized React Query for efficient data fetching and caching, improving application responsiveness and user experience.
• Built robust form handling and validation with react-hook-form, including cookie-based preference management via js-cookie.
• Applied Tailwind CSS for utility-first styling alongside MUI theming for design consistency and flexibility.
• Integrated Sentry for real-time frontend error monitoring and used Sharp for image optimization and processing.
• Enhanced UI interactivity with components like React Hot Toast, Swiper (carousel), and React Tooltip.
• Implemented advanced features like translation engine comparison, AI-generated reviews, and user-generated content management.
• Optimized performance with code splitting, lazy loading, and image optimization using Next.js Image component.
• Collaborated with backend developers to integrate RESTful APIs, ensuring seamless data flow and functionality.
• Maintained code quality with ESLint and Prettier, ensuring consistency and readability across the codebase.

Live

MyOTT.ai

MyOTT.ai is a no-code platform that enables creators to launch fully branded OTT streaming apps within minutes. Designed for influencers, educators, and small media companies, the platform empowers users to monetize content via subscriptions and live events—without writing a single line of code.

Next.js

Redux Toolkit

Tailwind CSS

TypeScript

Axios

React Hook Form

SWR

Core Development Highlights :

• Developed and maintained a dynamic, responsive frontend using Next.js with Redux Toolkit for global state management.
• Built modular and scalable UI components to support drag-and-drop app customization, content uploads, and live streaming workflows.
• Integrated authentication flows, onboarding steps, and subscription management interfaces with third-party APIs.
• Leveraged Next.js SSR and ISR for performance optimization and SEO-friendly content rendering.
• Ensured pixel-perfect design implementation using Tailwind CSS alongside custom components.
• Collaborated closely with backend and design teams to deliver a smooth creator onboarding experience with real-time feedback.

Live

Eye2.ai

Eye2.ai is a free AI comparison tool that displays side-by-side responses from top large language models (LLMs) like ChatGPT, Claude, Gemini, Qwen, and Mistral. The platform helps users validate AI-generated content by showing agreement and divergence between models in real time.

Next.js

next-intl

Context API

Tailwind CSS

Swiper

React Tooltip

Axios

Core Development Highlights :

• Developed the frontend architecture using Next.js, focusing on performance, modularity, and maintainability.
• Implemented multi-language support with next-intl, enabling seamless localization for a global user base.
• Managed application-wide state using React Context API, ensuring consistent data flow across LLM response components and prompt handlers.
• Built interactive UI elements including Swiper-based carousels to navigate between model outputs and React Tooltip for user guidance.
• Created reusable and accessible UI components for model cards, prompt inputs, and result highlighting.
• Ensured full mobile responsiveness and a consistent experience across devices.
• Collaborated with backend developers to integrate multiple LLM APIs and display real-time streamed results.

Live

FiveSolutions(ESG)

Systemic ESG Score is a self-diagnostic platform helping businesses evaluate their sustainability maturity across Environmental, Social, and Governance (ESG) dimensions through a detailed online questionnaire (53 questions, 146 total) and delivering a tailored ESG-score along with structured improvement recommendations

Next.js

next-intl

React Context API

React Hook Form

Tailwind CSS

React Tooltip

Modals

Axios

Dynamic import

Core Development Highlights :

• Questionnaire Engine: A guided, multi-step survey that adapts based on prior answers.
• Real-time score preview: Users can see how their ESG maturity score evolves as they progress.
• Localized content: All instructions, questions, and tooltips fully translated based on language preference.
• Downloadable ESG Report: At the end, users can access and download a detailed analysis and next-step recommendations.
• Support for document uploads: Companies can attach evidence/docs to back their responses for validation.

Live

Contact Me