Skip to content

nguyntony/twinmo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

twinmo

twinmo homepage

twinmo is LIVE, check it out HERE


💸 Summary

twinmo is a Venmo clone that uses Express and React. It is one of the apps that Tyler and I have created, feel free to also check out our finance tracker (Demo | Repo).

🌟 Fun fact: the name ‘twinmo’ comes from our name. T for Tyler and Tony and win from our last name, ‘Nguyen’ (which is pronounced as win)! And no, we are not related 😅

🌱 Inspiration

Our first app dealt with personal finances. We created a focused dashboard where the user is able to keep track of their expenses and maintain saving goals! We wanted to continue with that theme so we decided to create a clone of Venmo. When thinking about Venmo, we both agreed that we like the social aspect of it (ie. having friends, sending money back and forth) but we didn’t care too much for the posts and comments that other users are able to create on your transaction.

twinmo is a reflection of that, similar to our finance tracker, we designed a focused view for the user while maintaining the ‘social-ness’ of Venmo. Users are able to send/request money from their friends but it feels more personal and tailored to the user.

🚀 Technology

Client-Side Server-Side
React Express/Node
React Router Dom Dotenv
React Number Format (format forms to display currency) Bcryptjs (password encyption)
React Spring (animation) Express Session
React Spinners (loading animation) Sequelize
Moment (format dates) Multer (upload user photo)
Numeral (format currency) Morgan

💥 Features

Current Upcoming
Account creation Split payment
Profile update Add request denied comment
Profile picture upload More fluid animations / transitions
Send / Request money Dark mode / Color themes
Add / Search users
History Log
Notification badges
Mobile responsive

🥵 Challenges

  • In the beginning, communicating from our server to our client was a bit challenging but we took it one step at a time. We created test data that the client would send from forms and began building the pieces that we needed in order to save it to our database.
  • Incorporating new libraries that we never used before was intimidating. The best way that we went about it is doing a lot of research to ensure that the library that we chose can do what we want but also being mindful of time. We were on a tight schedule so we had to prioritize our features.

📖 User Guide

Check out our awesome user guide on how to use twinmo here.

✊🏼 Team

Tyler Nguyen | Tony Nguyen

❗️ Disclaimer

For security purposes, twinmo is only for demonstration and all initial funds are hardcoded. However, who knows what may happen in the future 😉

About

Venmo clone using Express and React

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published