Technical Description of Trudly.com Website

 The charity website is a platform designed to facilitate donations and support from companies, aiding various charitable causes. It leverages modern web technologies to provide a seamless, secure, and responsive user experience.

Key Features

Donation Management

Easy donation process through PayU. Tracking and management of donation history.

Dynamic Content

Real-time updates and content rendering using Next.js. Interactive features like donation progress bars and impact stories.

Responsive User Interface

Adaptive layout and design for different devices. Smooth navigation and user experience across all platforms.

Technologies Used

OAuth 2.0

Users and companies can log in using their existing credentials from popular platforms (e.g., Google, Facebook) without exposing their passwords to the website. OAuth 2.0 ensures that the authentication flow is secure and user-friendly.

PayU Integration

PayU is integrated as the payment gateway, allowing users and companies to make donations safely and efficiently. The integration supports various payment methods, including credit/debit cards, net banking, and wallets.

Next.js

This framework enhances performance and SEO by rendering pages on the server before they are sent to the client. It also supports static site generation and provides a robust framework for building React applications.

SCSS (Sassy CSS)

SCSS extends CSS with variables, nested rules, and mixins, making the styling code more maintainable and reusable. It helps in creating a consistent and visually appealing design across the website.

Responsive Design

Media queries and flexible grid layouts are employed to adjust the website's layout and elements, providing an optimal viewing experience on desktops, tablets, and smartphones.`,

User Authentication and Authorization

Secure login via OAuth 2.0 role-based access control for users and administrators.

Admin Dashboard

Analytical tools to monitor website performance and donation metrics. Tools for managing users, donations, and content.