Transactify

Transactify is a web application designed to streamline user transactions. The application features a user-friendly signup process, allowing users to create accounts by providing their first name, last name, email, and password.

transactify.mp4

Features

• User Signup: A smooth and intuitive signup process.
• User Signin: Secure authentication using JWT.
• Dashboard: Displays user balance and allows sending money to other users.
• Responsive Design: Built with Tailwind CSS for a responsive and modern UI.
• API Requests: Axios is used for handling HTTP requests.
• Navigation: React Router for seamless navigation.
• Notifications: React Hot Toast for real-time feedback on user actions.

Tech Stack

Frontend

• Framework: React
• Components: Custom components like Heading, SubHeading, InputBox, Button, Appbar, Balance, BottomWarning, and Users.
• API Requests: Axios
• Navigation: React Router
• Styling: Tailwind CSS
• Notifications: React Hot Toast

Backend

• Framework: Express
• Database: MongoDB with Mongoose
• Authentication: JWT
• Validation: Zod

Installation

Backend

1. Navigate to the Backend directory:

   cd Backend

2. Install dependencies:

   npm install

3. Start the backend server:

   npm start

Frontend

1. Navigate to the Frontend directory:

   cd Frontend

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

Usage

1. Open your browser and navigate to https://transactify-uwh0.onrender.com for the backend and https://transactify-sandy.vercel.app/ for the frontend.
2. Use the signup form to create a new account.
3. Sign in with your credentials to access the dashboard.
4. Use the dashboard to view your balance and send money to other users.

Contributing

Contributions are welcome! Please fork the repository and submit a pull request.

License

This project is licensed under the MIT License.

Contact

If you have any questions or feedback, feel free to reach out.

---