Modern Banking System

A full-stack banking system application with a modern UI, built using Next.js and Express.js. This application provides secure user authentication, account management, and transaction capabilities.

Features

• 🔐 Secure Authentication System
• 💳 Bank Account Management
• 💰 Transaction Processing
• 📱 Responsive Modern UI
• 🔒 Protected Routes
• 📊 User Dashboard
• 🎨 Beautiful Gray Theme Design

Tech Stack

Frontend

• Next.js 14 - React Framework
• TypeScript - Type Safety
• Tailwind CSS - Styling
• Axios - HTTP Client
• React Hooks - State Management

Backend

• Express.js - Web Framework
• Node.js - Runtime Environment
• Prisma - Database ORM
• PostgreSQL - Database
• JWT - Authentication
• Swagger - API Documentation
• Morgan - HTTP Request Logger
• CORS - Cross-Origin Resource Sharing
• Sentry - Error Tracking
• Nodemailer - Email Service

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (v18 or higher)
• pnpm (v8 or higher)
• PostgreSQL (v14 or higher)

Installation

1. Clone the repository:

git clone https://github.com/yourusername/banking-system.git
cd banking-system

2. Install backend dependencies:

npm install
# or
pnpm install

3. Install frontend dependencies:

cd banking-system-frontend
pnpm install

4. Set up environment variables:
   • Create .env file in the root directory for backend
   • Create .env.local file in the frontend directory

Running the Application

You'll need to run both the backend and frontend servers:

Terminal 1 - Backend Server

# In the root directory
npm run dev
# or
pnpm dev

The backend server will run on http://localhost:3000

Terminal 2 - Frontend Server

# In the banking-system-frontend directory
pnpm dev

The frontend application will run on http://localhost:3001

API Documentation

Once the backend server is running, you can access the API documentation at:

http://localhost:3000/docs

Project Structure

banking-system/
├── api/                 # Backend API routes
├── controllers/         # Backend controllers
├── prisma/             # Database schema and migrations
├── utils/              # Utility functions
├── banking-system-frontend/  # Frontend application
│   ├── src/
│   │   ├── app/        # Next.js app directory
│   │   ├── services/   # API services
│   │   └── components/ # React components
│   └── public/         # Static files
└── tests/              # Test files

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Next.js Documentation
• Tailwind CSS Documentation
• Express.js Documentation
• Prisma Documentation

Screenshot example :

Endpoint User :

Endpoint Transaction :

Endpoint Bank Account :