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!
[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.
Frameworks, Platforms and Libraries
Database:
HOSTING:
-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 for a non-signed in user.
Landing page for a signed-in user. Once signed-in, you are able to browse through all the users in the database.
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.
When clicking on the messaging tab in the nav-bar, you will be directed to the messaging app with all your matches.