dion-pham / utopia-app-project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Utopia image


Utopia is a full stack application clone, inspired by OkCupid. Utopia is a new dating app for all creatures, races, species, and everything in between. Discover your soulmate through Utopia!

Visit Utopia to create new memories with others!


Wiki Links

[FEATURE LIST] (https://github.com/MatthewLi154/utopia-app-project/wiki/Feature-List)

Details of specific feature functionality of the application

[DATABASE SCHEMA] (https://github.com/MatthewLi154/utopia-app-project/wiki/Schema)

Overview of the database schema of the application.

[User Stories] (https://github.com/MatthewLi154/utopia-app-project/wiki/User-Stories)

Details of expected output for each feature as a user.

Built With

Frameworks, Platforms and Libraries

Python JavaScript HTML5 CSS3 NodeJS Flask React Redux Socket.io

Database:

Postgres

HOSTING:

Render

Getting Started

Instructions on how to run this website locally

-Git Clone Repo

-In the root directory, run the following installs:

pipenv install pytest
pipenv install pycodestyle
pipenv install pylint
pipenv install rope
pipenv install flask
pipenv install flask-sqlalchemy
pipenv install alembic
pipenv install flask-migrate
pipenv install python-dotenv
pipenv install sqlalchemy
pipenv install wtforms
pipenv install flask-wtf
pipenv install flask-socketio
pipenv install eventlet==0.30.2

-In the "react-app" directory, run the following installs:

npm install
npm install socket.io-client

-Create a .env file in the root of your backend directory to replicate the env.example file.

-In the root directory, after completing all the installs, run the following commands:

pipenv shell
flask run

-In the "react-app" directory, after completing all the installs, run the following command:

npm start

-The website will not function unless BOTH root-directory(backend) and react-app(frontend) are both running at the same time.

Landing Page

Landing page for a non-signed in user.

image

Landing page for a signed-in user. Once signed-in, you are able to browse through all the users in the database.

image

Sign-In/Sign-Up

You can access the Login Page and Sign up page at the top right corner as well as well as in the center of the page where it states "Join Utopia". This will lead you to a Sign-In/Sign-Up Modal where it will transition based on what you plan to do.

image image

Live-Messaging Feature

When clicking on the messaging tab in the nav-bar, you will be directed to the messaging app with all your matches.

image

About


Languages

Language:Python 54.6%Language:CSS 43.8%Language:HTML 1.0%Language:Mako 0.4%Language:Shell 0.3%