
Wealth is an innovative, AI-powered finance platform built on Next.js 15, offering a full-stack solution for mastering personal finances. With advanced AI features and a seamless user interface, Wealth takes the complexity out of money management, empowering users to achieve their financial goals effortlessly.

**Technology Used :** Next.js, React, Tailwind CSS, Supabase, Prisma, Clerk, Inngest, Arcjet, Shadcn UI.

**Key Features:**

- **Income & Expense Tracking**: Gain complete visibility into your financial health by monitoring transactions across multiple accounts in one place.

![Categoty](category.png)

- **Smart Categorization with AI**: Say goodbye to manual data entry! Wealth uses AI-powered receipt scanning to automatically categorize your expenses, ensuring accurate tracking without the hassle.

- **Effortless Recurring Transactions Management**: Manage recurring expenses and incomes with ease, ensuring you’re always on top of bills and subscriptions.

![Recurring](recurring.png)

- **Monthly Budget Management**: Plan your finances like a pro! Set budgets and track your progress to stay within limits, with visual cues to guide you along the way.

![Monthly Budget](budget.png)

- **Real-Time Email Alerts**: Avoid surprises with timely email notifications when you approach your spending limits, helping you maintain control over your finances.

![Budget Email](budget-alert.png)

- **Interactive Charts & Visualizations**: Dive into your financial data with beautifully designed charts that reveal daily trends, spending patterns, and long-term financial health at a glance.

![Chart](chart.png)

- **AI-Powered Monthly Reports**: Receive personalized, AI-generated reports via email with actionable insights into your spending habits and savings opportunities.

![Monthly Email](monthly-report.png)

- **Responsive Design for All Devices**: Whether you’re on your desktop, tablet, or smartphone, Wealth’s fully responsive design ensures a flawless user experience anytime, anywhere.

![Responsive](responsive.png)

**Why Choose Wealth?**

Wealth isn’t just a finance platform—it’s a financial partner. By leveraging cutting-edge AI, Wealth simplifies the way you handle money, providing you with the tools to save smarter, spend wiser, and live better.

**Future Vision**

We’re committed to continuously enhancing Wealth with new features like investment tracking, tax optimization tools, and AI-driven financial forecasting to help you stay ahead in your financial journey.

[Demo Link](https://wealth-ai.vercel.app/)


Wealth


Movie Review Specialist is a sophisticated Progressive Web Application developed using ReactJS and TypeScript, aimed at providing users with a comprehensive movie review experience. Leveraging the TMDB API for real-time movie data and AppWrite for secure user management, this application stands out with its robust features and seamless user interface.

**Technology Used :** ReactJs, React Redux Toolkit, Appwrite, Tailwind CSS, TypeScript.

**Key Features:**

- **TMDB Integration**: The application seamlessly integrates with the TMDB API to fetch up-to-date information about movies, including details, reviews, and trailers.
- **User Authentication and Management**: Users can register and log in securely to access personalized features such as saving favorite movies, reviewing films, and exploring tailored recommendations based on their preferences. AppWrite ensures that user data remains protected and managed efficiently.

![Login](login.png)

![Register](register.png)

- **Homepage with Now Playing Movies**: Upon entering the website, users are greeted with a curated list of currently playing movies, providing instant access to the latest cinematic releases.

- **Detailed Movie Pages**: Each movie has a dedicated page offering comprehensive information. Users can watch trailers, read reviews, view ratings, and get insights into cast and crew details, enhancing their movie-watching decisions.

![Movie Details](movie-details.png)

- **Explore Movie Categories**: Authenticated users can explore various movie categories such as Popular, Top Rated, and Upcoming. A robust search feature allows users to find specific movies quickly.

![Popular Movies](popular-movies.png)

![Top Tated Movies](top-rated-movies.png)

![Upcoming Movies](upcoming-movies.png)

![Search Movies](movie-search.png)

- **Mobile Responsiveness**: The application is designed to provide a seamless experience across devices, ensuring usability and accessibility whether accessed from a desktop, tablet, or smartphone.
- **Testing and Quality Assurance**: With a commitment to quality, the project boasts 100% test coverage using the react Testing library. This ensures reliability and stability across different functionalities.

![Test Coverage](test-coverage.png)

- **Dark Mode/Light Mode Integration**: Users can switch between dark mode and light mode to enhance readability and user experience based on their preferences.
- Much More...

Movie Review Specialist combines cutting-edge technology with a user-centric design philosophy, making it a go-to platform for movie enthusiasts seeking information, reviews, and recommendations. Whether you're looking to discover the latest blockbusters or dive deep into classic films, this application offers a tailored experience that meets your movie-watching needs.

[Demo Link](https://movie-review-specialist.netlify.app/)


Movie Review Specialist


**Technology Used :** React, Redux, Bootstrap, Material UI, TypeScript, RezorPay, React Oath Google, Formik with Yup, Sass, Axios, Firebase, React Testing Library.

**Feature Details**

- This Project was created with ReactJs.
- This is a ECommerce Web Application.
- Added Dark mode and Light mode in the application, so that the user toggles the mode at any time.

![Light mode](light-mode.png)

- The user can search product using the search bar.

![Search Product](search.png)

- The user can filter product.

![Filter Product](fiter.png)

- The user can add a product to the cart from home page or from product details page.

![Add product to Cart](add-product-to-cart.png)

![Product Detail Page](product-details-page.png)

- Once we added product to the cart we need to go to Cart Page(while clicking Cart icon at top right side).

![Cart Page](cart-page.png)

- When user clicks on Proceed To Checkout button, if user is not login then he will redirects to Login Page.

![Login Page](login-page.png)

- Here User can login using Test Credentials **admin@gmail.com/admin123** or using **Google Login**.
- Integrated third party APIs in the application for google login - [**React Oath Google**](https://www.npmjs.com/package/@react-oauth/google)

![Google Login Page](google-login.png)

- Once Login successfully completed, user can redirect to Cart Page.

![After Login Page](after-login.png)

- Once user clicks on Proceed To Payment, Payment page opens.
- Integrated third party application - **RezorPay**

![Paymet Page 1](paymet-page-1.png)

- Here user need to clicks on Card Payment
- Or we can use [**Test Cards and Test UPI ID given in RazorPay**](https://razorpay.com/docs/payments/payments/test-card-upi-details/)

![Paymet Page 2](paymet-page-2.png)

- For Testing you can use card no as 5267 3181 8797 5449, Random CVV, and Any future Expiry date, and clicks on Pay Now button.

![Paymet Page 3](paymet-page-3.png)

- After Payment Completed, the user will redirects to Payment Confirmation Page.

![Payment Confirmation Page](payment-confirmation-page.png)

- Test Coverage covered with React Testing Library

![Code Coverage Page](code-coverage-report-for-all-files.png)

- Much More.

[Demo Link](https://akshay-bandivadekar-store.netlify.app/)


Akshay Bandivadekar's Store


**Technology Used :** next.js, MongoDB

**Feature Details**

- This Project was created with NextJs application.
- User can add new meetup by clicking [Add New Meetup](https://akshay-next-meetup.vercel.app/) at top navigation bar.
- User needs to add all meeting details

![Create Meetup {priority}{768x432}](create-meetup.png)

- In Meetup Image input field, we support only image url from [https://upload.wikimedia.org/](https://upload.wikimedia.org/) or [https://picsum.photos/images](https://picsum.photos/images).
- After Clicking on Add Meetup, user navigate to home page and he can check created meetup.

![View Meetup](view-meetup.png)

- If user want to see complete details of event, then user can click on Show Details button.

![View Detail Meetup](view-detail-meetup.png)

[Demo Link](https://akshay-next-meetup.vercel.app/)


NextJs Meetup


**Technology Used :** ReactJs, Firebase

**Feature Details**
- This Project was created with ReactJs.
- User can add meetup to My Favorite using **To Favorite** button clicked.
- User can create new meetup by clicking **Add New Meetup** link at top navigation bar.

![Create Meetup](create-meetup.png)

- After clicking on Add Meetup, the meetup is created and user navigated to home page

![View Meetup](view-meetup.png)

[Demo Link](https://reactjs-meetup.netlify.app/)


React Meetups


**Technology Used :** ReactJs, PWA

**Feature Details**
- This Project was created with ReactJs.
- This is a Progressive Web Application.
- We can increment and decrement counter.
- It has Restart button functionality to reset counter.

[Demo Link](https://counter-change-pwa.netlify.app/)

[Github Repo Link](https://github.com/akshaybandivadekar/counter-pwa-application)


Counter Progressive Web App


**Technology Used :** Node Js, Socket.io

**Node Js Framework :** Express Js

**Feature Details :**
- Chat Application using Node Js.
- This Project was created with Socket.io and Node JS application.
- User needs to add User Display Name and Room Name to access application.
- For eg. here I have added Display Name as **Akshay** and Room as **Room 1**.

![Akshay join Room 1](selection-room.png)

- Other User Join the same room

![Kalpesh join Room 1](other-selection-room.png)

- Now both user can chat in that room space

![Chat](chat-application.png)

[Demo Link](https://chat-application-akshaybandivadekar.onrender.com/)

[Github Repo Link](https://github.com/akshaybandivadekar/chat-application)


Chat Application


**Technology Used :** NodeJs

**Feature Details**
- This Project was created with NodeJs.
- This site uses data from mapbox.com and weatherstack.com.

[Demo Link](https://akshay-weather-website.vercel.app/)

[Github Repo Link](https://github.com/akshaybandivadekar/weather-website)


Weather Application


**Technology Used :** ReactJs, PWA

**Feature Details**
- This Project was created with ReactJs.
- This is a Progressive Web Application.
- The user can search movies for review.

![Search Movie](search-movie.png)

- Integrated third party APIs in the application - **New York Times API**.
- When we click on **View More**, then actual The New York Times Page open, to view review of that movie.

![Movie review](review.png)

- When we click on [Top 20 News Articles](https://movie-review-expert-pwa.netlify.app/top-20-news-articles) then we can see top 20 News Articles of current date.
- Added Dark mode and Light mode in the application, so that the user toggles the mode at any time.
- Much More.

[Demo Link](https://movie-review-expert-pwa.netlify.app/)


Movie Review Expert with React JS PWA


**Technology Used :** Vanilla Javascript

**Feature Details**
- Dynamic Nested Menu Generator using Vanilla Javascript.
- We can add custom menu by clicking **Add Custom Menu** button

```js
[{"label":"Office Map","child":[]},{"label":"New Employee Onboarding","child":[{"label":"Onboarding Materials","child":[]},{"label":"Training","child":[]}]},{"label":"Office Events","child":[{"label":"2021","child":[{"label":"Summer Picnic","child":[]},{"label":"Valentine's Day Party","child":[]},{"label":"New Year's Party","child":[]}]},{"label":"2020","child":[{"label":"Company Anniversary Celebration","child":[]}]}]},{"label":"Public Holidays","child":[]},{"label":"Vacations and Sick Leaves","child":[]}]
```

- After that we need to click on **Save Custom Menu** to save the new menu configuration.

![Save Custom Menu](save-custom-menu.png)

- We can reset menu configuration using **Reset Menu** button clicked.

[Demo Link](https://dynamic-nested-menu.netlify.app/)


Dynamic Nested Menu Generator


**Technology Used :** Vanilla Javascript

**Feature Details**
- Basic Sudoku game, written in Vanilla Javascript.
- It has Easy, Medium, and Hard mode.

[Demo Link](https://akshay-bandivadekar-sudoku-game.netlify.app/)


All Projects