OneBoatFly / venmo-clone

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Vinmo

Live site here: https://venmo-clone.onrender.com/

Vinmo is a clone of venmo.com. The site allows registered users to request for and make payments with others. A registered user can create a payment request and send the request to one or multiple other registered users. A user can also send payment directly to other users. A user can view it's transaction history and open requests, and add or unfriend other users.

TechStack

Languages

html5 css js python

Frameworks and Libraries

react redux flask socket AWS

Database:

postgres SQLAlchemy

Hosting:

Render

Getting started

  1. Clone this repository (only this branch)

  2. Install dependencies

    pipenv install -r requirements.txt
  3. Create a .env file based on the example with proper settings for your development environment

  4. Make sure the SQLite3 database connection URL is in the .env file

  5. This starter organizes all tables inside the flask_schema schema, defined by the SCHEMA environment variable. Replace the value for SCHEMA with a unique name, making sure you use the snake_case convention.

  6. Get into your pipenv, migrate your database, seed your database, and run your Flask app

    pipenv shell
    flask db upgrade
    flask seed all
    flask run
  7. To run the React App in development, checkout the README inside the react-app directory.

Features

Home Page

The home page provides a user sign in and sign up options, as well as a demo user option. By clicking on the buttons, a user will be taken to the sign in or sign up pages.

Sign In

login

Sign Up

signup

Demo User

demouser

Logout

logout

Open Requests

A user can see all pending requests from and to the user. If the request is from the user, the user can cancel or edit it. If the request is to the user, the user an choose to decline or make a payment.

Create Request (Live)

request-create-live

Request From

request-from

Request To

request-to

Friends

A user can see all it's current confirmed friends and pending friend requests. If the request is from the user, the user can cancel the request. If the request is to the user, the user can accept the request. If the friend is confirmed friend, the user can choose to unfriend.

Send Request (Live)

friends-add

Unfriend

friends-unfriend

Cancel

friends-cancel

Accept

friends-accept

Transactions

A user can look at theirs and friends transaction histories and can make new payments. On the transaction history page, a user can also like or cancel like of a transaction. By clicking on the comment icon, a user can go into the specific transaction and make comments.

User and Friend Transactions History

trans-history

Like and Unlike

trans-like

Comment

trans-comment

About


Languages

Language:Python 65.7%Language:CSS 33.2%Language:Mako 0.5%Language:HTML 0.5%Language:Shell 0.1%