Skip to content

SauravGupta123/usap-frontend

Repository files navigation

Universal Student Assistance Portal (USAP)

Empowering Students with Guidance for Studying Abroad

USAP is a comprehensive platform designed to assist students in their journey to study abroad. It provides expert guidance, real-time support, automated notifications, and a secure payment system for premium consultation services.


🧪 Test Credentials

🔑 Test User Login
Email: [email protected]
Password: gosir123

🛠️ Admin Login
Username: usap444
Password: isaf2024@@

Table of Contents


Introduction

USAP is a one-stop solution for students planning to study abroad. It offers a seamless experience where students can ask queries, receive expert advice, track application statuses, and complete payments securely.

Why USAP?

  • Expert Assistance: Get personalized advice from professionals.
  • Secure Payments: Pay for premium consultation services effortlessly.
  • Real-Time Support: Receive instant responses to your queries.
  • Automated Notifications: Stay updated with email alerts.

Features

Student Query Portal -- Ask questions and get expert responses.
Google Authentication -- Secure login using Google Console APIs.
Automated Email Notifications -- Uses Nodemailer to send 1000+ emails daily.
Secure Payment Processing -- Integrated Razorpay for 500+ transactions per month.
Consultation Booking -- Schedule a session with industry experts.
Application Tracking -- Track the status of university applications.
User Dashboard -- Personalized dashboard for students and consultants.


Dashboard Preview

Screenshot 2025-03-09 at 8 07 51 PM Screenshot 2025-03-09 at 8 06 08 PM Screenshot 2025-03-09 at 8 10 20 PM Screenshot 2025-03-09 at 8 10 35 PM Screenshot 2025-03-09 at 8 10 48 PM

Admin Portal Preview

Screenshot 2025-03-09 at 8 14 07 PM Screenshot 2025-03-09 at 8 14 34 PM Screenshot 2025-03-09 at 8 21 28 PM

Getting Started

Tech Stack

USAP is built using:

  • Frontend: React.js, Tailwind CSS
  • Backend: Node.js, Express.js
  • Database: SQL (MySQL/PostgreSQL)
  • Authentication: Passport.js, Google OAuth
  • Email Service: Nodemailer
  • Payment Gateway: Razorpay

Installation Guide

1️⃣ Clone the Repository


git clone https://github.com/SauravGupta123/usap-frontend.git
cd usap-frontend`

2️⃣ Install Dependencies

npm install

3️⃣ Configure Environment Variables

Create a .env file and add the following:

REACT_APP_BACKEND_URL=your_backend_url
REACT_APP_GOOGLE_CLIENT_ID=your_google_client_id
REACT_APP_RAZORPAY_KEY=your_razorpay_key
REACT_APP_EMAIL_SERVICE=your_nodemailer_service

4️⃣ Start the Development Server

npm run dev

🚀 The app will run at http://localhost:5173


Usage

  • Sign Up/Login -- Use Google OAuth to log in securely.
  • Ask Queries -- Post study-abroad questions and get expert responses.
  • Book Consultations -- Schedule sessions with verified professionals.
  • Make Payments -- Pay securely using Razorpay for premium services.
  • Receive Email Updates -- Get automated emails regarding application status.

🚀 Connect with Me

For queries, contributions, or feedback, reach out via:
📧 Email
🔗 LinkedIn
💻 GitHub

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages