Skip to content

hxdy-1/DummyDollars

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 

Repository files navigation

DummyDollars is a full-stack MERN application designed to simulate a simple money transfer platform. It allows users to sign up, receive a random amount of money upon registration, search for other users, and securely transfer funds between accounts. The application features a clean, modern user interface, token-based authentication, secure transfers and protected routes.

Table of Contents

How to Use

To use DummyDollars, follow these steps:

  1. Sign Up: Create an account to receive a random amount of money.
  2. Search Users: Use the search functionality to find other users.
  3. Send Money: Select a user to send money to and enter the amount. Click "Initiate Transfer" to complete the transaction.
  4. Profile Page: Access your profile page by clicking on the initial of your username in the top right of the navbar. Here, you can update your credentials, logout, or delete your account.

Features

  • Token-based Authentication: Secure user authentication using JSON Web Tokens (JWT).
  • Clean, Simple, and Responsive UI/UX: Intuitive user interface designed for ease of use.
  • Safe Transfers: Transfers are guaranteed to be successful and funds will never be lost in transit.
  • Protected Routes: Certain routes are protected and require authentication to access.
  • Search User Functionality: Users can be searched based on first name, last name, and username.
  • Password Hashing: User passwords are securely hashed using bcrypt.js.

Tech Stack

Frontend

  • React.js
  • React Router DOM
  • Axios
  • Tailwind CSS
  • JavaScript
  • CSS
  • HTML

Backend

  • Node.js
  • Express.js
  • MongoDB
  • Mongoose
  • JSON Web Tokens (JWT)
  • Bcrypt.js
  • Zod

Project Preview

Login page "/":

image

Signup page "/signup":

image

Dashboard page "/dashboard":

image

Searching users based on their credentials:

image

When no users were found from the search query:

image

Send money page "/send?id=userId&name=firstName":

image

Profile page "/profile?username=username":

image

Updating user credentials form expanded:

image