Skip to content

A pixel-perfect front-end clone of Wise.com built as a capstone project. Demonstrates modern UI design, responsive layouts, and interactive flows using core web technologies only.

Notifications You must be signed in to change notification settings

TarunyaProgrammer/Ego-MoneyTransfer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Ego MoneyTransfer Logo

💸 Ego-MoneyTransfer 💸

A sleek, modern, and lightning-fast front-end for a money transfer service.

HTML5 Badge CSS3 Badge JavaScript Badge
GitHub Stars GitHub Forks

📚 Table of Contents
  1. 🌟 About The Project
  2. ✨ Features
  3. 🚀 Live Demo & Screenshots
  4. 🛠️ Tech Stack
  5. 🏁 Getting Started
  6. 🤝 Contributing
  7. 👨‍💻 Authors
  8. 📜 License
  9. 🎉 Acknowledgements

🌟 About The Project

💸 Ego-MoneyTransfer is a pixel-perfect front-end clone of Wise.com (formerly TransferWise).

🎓 This was developed as a Capstone Project for Newton School.

The goal was to meticulously recreate the user interface of a leading financial tech company, focusing on clean design, responsive layouts, and smooth user interactions.


⚠️ Disclaimer: This is a front-end-only project for educational purposes. It is not affiliated with Wise.com and does not handle any real financial transactions.


✨ Features

Feature Description
💳 Dashboard A beautiful, at-a-glance view of user balance and transactions.
💸 Send Money An intuitive, multi-step flow to send money to contacts.
📊 Transaction History A clean, searchable list of all past transactions.
📱 Fully Responsive Looks and works great on all devices, from mobile to desktop.
🎨 Modern Design Crafted with modern design principles.

🚀 Live Demo & Screenshots

Ego-MoneyTransfer Demo GIF

📸 Screenshots

Desktop View

Desktop Screenshot
Mobile View

Mobile Screenshot

🛠️ Tech Stack

This project is built 100% with the fundamentals of the web.

  • HTML5 - For the core structure and content.
  • CSS3 - For all the styling, layout, and animations.
  • JavaScript - For interactive elements and logic.

🏁 Getting Started

Since this is a pure HTML/CSS/JS front-end project, getting started is as simple as it gets!

🚀 Option 1: Simple Download
  1. Download the ZIP file of this repository.
  2. Unzip the folder.
  3. Open the index.html file in your favorite web browser.

And that's it! You're good to go.

👨‍💻 Option 2: Clone for Developers (Recommended)
  1. Clone the repository:

    git clone [https://github.com/TarunyaProgrammer/Ego-MoneyTransfer.git](https://github.com/TarunyaProgrammer/Ego-MoneyTransfer.git)
  2. Navigate to the directory:

    cd Ego-MoneyTransfer
  3. Open index.html: You can open the index.html file directly in your browser.

    Pro-tip: For the best development experience, use a live-reloading server. If you have VS Code, I recommend the Live Server extension.


🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  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

Don't forget to give the project a star! ⭐ Thanks again!


👨‍💻 Authors

  • TarunyaProgrammer - Project Lead - GitHub

📜 License

Distributed under the MIT License. See LICENSE file for more information. (You'll need to add one!)


🎉 Acknowledgements

A huge thanks to anyone whose code was an inspiration.


(🔼 Back to Top)

About

A pixel-perfect front-end clone of Wise.com built as a capstone project. Demonstrates modern UI design, responsive layouts, and interactive flows using core web technologies only.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published