Online Mobile Recharge Portal

Overview

The Online Mobile Recharge Portal is a full-stack web application designed to provide a seamless, secure, and user-friendly platform for mobile recharges. It supports multiple telecom operators (e.g., Jio, Airtel, VI), allowing users to browse plans, recharge mobile numbers, and manage transactions. The project includes an admin panel for managing plans and user accounts, with features like real-time analytics and auto-recharge functionality. This project was developed as part of a B.Tech. Computer Engineering course at Dharmsinh Desai University under the guidance of Prof. Mrudang T. Mehta.

Features

• User Features:
  • Secure registration and login with JWT-based authentication and OTP verification.
  • Select mobile operators and browse/search recharge plans by amount or data.
  • Complete transactions with encrypted payment processing and receive email/SMS confirmations.
  • View transaction history and manage account details.
  • Enable/disable auto-recharge for automatic plan renewals based on wallet balance.
  • Submit feedback and queries via a help center.
• Admin Features:
  • Manage recharge plans (add, update, delete) and user accounts (view, suspend, delete).
  • View transaction data and generate reports for recharge trends and user activity.
  • Handle user queries and feedback with a resolution system.
• Non-Functional:
  • Responsive UI built with ReactJS for cross-device compatibility.
  • Scalable backend with Node.js, Express.js, and MongoDB, optimized with database indexing.
  • Secure transactions with encrypted data and robust error handling.

Technologies Used

• Frontend: ReactJS, Axios, Tailwind CSS (assumed for styling based on modern web practices)
• Backend: Node.js, Express.js
• Database: MongoDB with Mongoose ODM
• Testing: Postman for API testing
• Other: JWT for authentication, HTTP protocol for client-server communication

Project Structure

• /client: ReactJS frontend for user interface and interactions
• /server: Node.js and Express.js backend for API endpoints and business logic

Screenshots

System Architecture

1.Login Page

2.SignUp Page

3.Network Provider Page

4.Transaction History

5.User Management Page(admin)

6.Help Center

7.Query Page

8.User Profile Page

9.Provider Page(admin)

10.Add Recharge Plan Page(admin)

11.Edit Recharge Plan Page(admin)

12.Plan Information Page

13.Payment Page

14.Payment Recipt

15.Print Recipt

Challenges and Learnings

• Challenges:
  • Implementing secure JWT-based authentication and OTP verification.
  • Optimizing API calls and database indexing for performance.
  • Ensuring responsive UI across devices.
• Learnings:
  • Gained expertise in full-stack development with MERN (MongoDB, Express.js, ReactJS, Node.js).
  • Improved understanding of secure payment processing and real-time transaction handling.
  • Enhanced skills in API testing and debugging with Postman.

Future Improvements

• Integrate additional payment gateways for broader options.
• Enhance auto-recharge with more customizable scheduling options.
• Analytical Part for Admin

Contributors

• Nisarg Patel (CE037)
• Chirag Chavda (CE006)

Acknowledgments

• Prof. Mrudang T. Mehta for guidance and support.