FinVista is a meticulously crafted web application that emulates the sophisticated and clean user interface of leading financial technology (fintech) platforms. This project is a hands-on demonstration of my full-stack development capabilities, focusing on a multi-layered authentication flow, real-time data handling, and a high-fidelity, dynamic user experience.

Technologies Used :  
Frontend

• ReactJS : The core of the application's user interface, leveraging a component-based architecture for modular, reusable, and scalable code.
• Bootstrap : Utilized for its powerful responsive grid system and pre-built components, ensuring a visually consistent and mobile-friendly design.
• Tailwind CSS : Used for advanced, utility-first styling to achieve a polished, pixel-perfect look that mirrors industry-standard designs.
• JavaScript : Powers all interactive elements and dynamic content, providing a smooth and engaging user experience.

Backend

• Node.js : The JavaScript runtime environment that provides a scalable and high-performance backend.
• Express.js : A minimal and flexible Node.js web application framework used to build robust API endpoints and manage server-side logic.
• MongoDB : A powerful NoSQL database used for flexible and scalable data storage, including user profiles, watchlists, and other application data.
• Mongoose : An Object Data Modeling (ODM) library for MongoDB and Node.js, providing a straightforward way to interact with the database.
• Firebase Authentication : A highly secure and easy-to-use authentication service that handles the critical SMS and email OTP verification steps, ensuring a robust and reliable user sign-in process.
• Redis DB : An in-memory data store used for caching and managing short-lived data, such as OTPs and temporary session tokens, significantly improving authentication speed and overall performance.

The Finvista Dashboard is a dynamic, user-centric web application designed to provide a comprehensive overview of financial markets and personal investment performance. Built as a core component of a MERN-stack trading platform, the dashboard is a web based application that connects to a the backend to deliver real-time stock data, manage user holdings, and provide a secure, personalized environment for financial tracking. Its intuitive design focuses on clarity and accessibility, making complex financial data easy to understand and interact with.

Technologies Used :  
Frontend (Dashboard)

• ReactJS : Component-based UI.
• Tailwind CSS : Utility-first styling
• Chart.js : Interactive stock charts.
• Axios : API communication with backend.

Backend

• Node.js : The JavaScript runtime environment that provides a scalable and high-performance backend.
• Express.js : A minimal and flexible Node.js web application framework used to build robust API endpoints and manage server-side logic.
• MongoDB : A powerful NoSQL database used for flexible and scalable data storage, including user profiles, watchlists, and other application data.
• Mongoose : An Object Data Modeling (ODM) library for MongoDB and Node.js, providing a straightforward way to interact with the database.
• Firebase Authentication : A highly secure and easy-to-use authentication service that handles the critical SMS and email OTP verification steps, ensuring a robust and reliable user sign-in process.
• Redis DB : An in-memory data store used for caching and managing short-lived data, such as OTPs and temporary session tokens, significantly improving authentication speed and overall performance.

A complete MERN-stack inspired web application that mimics the core functionality of a vacation rental marketplace like Airbnb. This project features a robust RESTful API built with Node.js/Express and a dynamic, server-rendered front-end using EJS. Key features include user authentication, full CRUD operations for property listings, and the ability for users to post reviews.

This is a static front-end project that visually recreates the user interface of the Spotify web player. Built using only HTML5 and CSS3, the goal was to precisely replicate a complex, real-world layout and practice advanced styling techniques.