4 | {ratings
5 | ? Object.values(ratings).reduce((acc, { rating }) => acc + rating, 0)
6 | : '0'}
7 |
8 | );
9 | };
10 |
11 | export default Score;
12 |
--------------------------------------------------------------------------------
/react-app/src/utils/convertFormErrors.js:
--------------------------------------------------------------------------------
1 | const convertFormErrors = (errorsObj) => {
2 | const errors = [];
3 | for (const field in errorsObj) {
4 | errors.push(
5 | `${field[0].toUpperCase() + field.slice(1)}: ${errorsObj[field]}`
6 | );
7 | }
8 | return errors;
9 | };
10 |
11 | export default convertFormErrors;
12 |
--------------------------------------------------------------------------------
/react-app/src/components/parts/DivCard/DivCard.js:
--------------------------------------------------------------------------------
1 | const DivCard = ({ children }) => {
2 | return (
3 |
4 | {children}
5 |
6 | );
7 | };
8 |
9 | export default DivCard;
10 |
--------------------------------------------------------------------------------
/react-app/src/components/parts/UserName/UserName.js:
--------------------------------------------------------------------------------
1 | import { NavLink } from 'react-router-dom';
2 |
3 | const UserName = ({ username, link }) => {
4 | return (
5 | <>
6 |
4 |
10 |
11 | );
12 | };
13 |
14 | export default SubmitFormButton;
15 |
--------------------------------------------------------------------------------
/app/forms/create_comment.py:
--------------------------------------------------------------------------------
1 | from flask_wtf import FlaskForm
2 | from wtforms import IntegerField, StringField, TextAreaField
3 | from wtforms.validators import DataRequired
4 |
5 |
6 | class CreateComment(FlaskForm):
7 | body = TextAreaField(validators=[DataRequired()])
8 | user_id = IntegerField(validators=[DataRequired()])
9 | thread_id = IntegerField()
10 | comment_id = IntegerField()
11 | path = StringField()
12 | level = StringField()
13 |
--------------------------------------------------------------------------------
/react-app/src/components/parts/NavButton/NavButton.js:
--------------------------------------------------------------------------------
1 | const NavButton = ({ name, onClick, children }) => {
2 | return (
3 | <>
4 |
10 | {children}
11 |
12 | );
13 | };
14 |
15 | export default NavButton;
16 |
--------------------------------------------------------------------------------
/app/forms/create_post_rating.py:
--------------------------------------------------------------------------------
1 | from flask_wtf import FlaskForm
2 | from wtforms import IntegerField
3 | from wtforms.validators import DataRequired, ValidationError
4 |
5 |
6 | def valid_rating(form, field):
7 | if field.data not in (-1, 0, 1):
8 | raise ValidationError("Rating required.")
9 |
10 |
11 | class CreatePostRating(FlaskForm):
12 | user_id = IntegerField(validators=[DataRequired()])
13 | rating = IntegerField(validators=[valid_rating])
14 |
--------------------------------------------------------------------------------
/app/forms/create_comment_rating.py:
--------------------------------------------------------------------------------
1 | from flask_wtf import FlaskForm
2 | from wtforms import IntegerField
3 | from wtforms.validators import DataRequired, ValidationError
4 |
5 |
6 | def valid_rating(form, field):
7 | if field.data not in (-1, 0, 1):
8 | raise ValidationError("Rating required.")
9 |
10 |
11 | class CreateCommentRating(FlaskForm):
12 | user_id = IntegerField(validators=[DataRequired()])
13 | rating = IntegerField(validators=[valid_rating])
14 |
--------------------------------------------------------------------------------
/app/routes/api/posts_image.py:
--------------------------------------------------------------------------------
1 | from flask import Blueprint
2 |
3 | from app.models import Post, PostsImage, db
4 |
5 | posts_image = Blueprint("posts_image", __name__)
6 |
7 |
8 | @posts_image.route("/
6 |
12 | );
13 | };
14 |
15 | export default UserCard;
16 |
--------------------------------------------------------------------------------
/react-app/src/components/LoginForm/index.js:
--------------------------------------------------------------------------------
1 | import { Modal } from '../../context/ModalContext';
2 | import { useAuthContext } from '../../context/AuthContext';
3 | import LoginForm from './LoginForm';
4 |
5 | const LoginModal = () => {
6 | const { showLoginModal, setShowLoginModal } = useAuthContext();
7 |
8 | return (
9 | <>
10 | {showLoginModal && (
11 | {user.username}
7 |8 | Account created on{' '} 9 | {new Date(user.created_at).toLocaleString(...options())} 10 |
11 |
6 |
7 |
11 |
13 | );
14 | };
15 |
16 | export default Community;
17 |
--------------------------------------------------------------------------------
/react-app/src/components/CreatePostForm/index.js:
--------------------------------------------------------------------------------
1 | import { Modal } from '../../context/ModalContext';
2 | import { useCreatePostContext } from '../../context/CreatePostContext';
3 | import CreatePostForm from './CreatePostForm';
4 |
5 | const CreatePostModal = () => {
6 | const { showCreatePostModal, setShowCreatePostModal } =
7 | useCreatePostContext();
8 |
9 | return (
10 | <>
11 | {showCreatePostModal && (
12 |
7 |
8 | {community.name}
9 |
10 |
11 | {community.description}
12 |
18 |
21 | )}
22 |
23 | );
24 | };
25 |
26 | export default FormErrors;
27 |
--------------------------------------------------------------------------------
/app/seeds/users.py:
--------------------------------------------------------------------------------
1 | import json
2 |
3 | from app.models import User, db
4 |
5 |
6 | # Adds a demo user, you can add other users here if you want
7 | def seed_users():
8 | new_users = []
9 | with open("./app/seeds/users.json") as f:
10 | data = json.load(f)
11 | for user in data:
12 | new_user = User(**user)
13 | new_users.append(new_user)
14 |
15 | db.session.add_all(new_users)
16 | db.session.commit()
17 |
18 |
19 | # Uses a raw SQL query to TRUNCATE the users table.
20 | # SQLAlchemy doesn't have a built in function to do this
21 | # TRUNCATE Removes all the data from the table, and resets
22 | # the auto incrementing primary key
23 | def undo_users():
24 | db.session.execute("TRUNCATE users RESTART IDENTITY CASCADE;")
25 | db.session.commit()
26 |
--------------------------------------------------------------------------------
/react-app/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { createRoot } from 'react-dom/client';
3 | import { Provider } from 'react-redux';
4 | import { BrowserRouter } from 'react-router-dom';
5 |
6 | import './index.css';
7 | import App from './App';
8 | import { store } from './store';
9 | import ContextProvider from './context';
10 |
11 | if (process.env.NODE_ENV !== 'production') {
12 | window.store = store;
13 | }
14 |
15 | const Root = () => (
16 | The following fields are required:
19 | {formattedErrors.join(', ')} 20 |
6 |
11 |
16 |
17 | A pretty CSS3 popup.
Easily customizable. 18 |
19 |
20 |
21 |
22 | );
23 | };
24 |
25 | export default Map;
26 |
--------------------------------------------------------------------------------
/react-app/src/context/AuthContext.js:
--------------------------------------------------------------------------------
1 | import { createContext, useState, useContext } from 'react';
2 |
3 | const AuthContext = createContext();
4 |
5 | export const useAuthContext = () => useContext(AuthContext);
6 |
7 | const AuthProvider = ({ children }) => {
8 | const [showLoginModal, setShowLoginModal] = useState(false);
9 | const [showSignUpModal, setShowSignUpModal] = useState(false);
10 | const [authenticated, setAuthenticated] = useState(false);
11 |
12 | return (
13 | Easily customizable. 18 |
24 | {Object.values(retailer.ratings).map((rating) => (
25 |
28 | );
29 | };
30 |
31 | export default RetailerRatingsContainer;
32 |
--------------------------------------------------------------------------------
/api/database.py:
--------------------------------------------------------------------------------
1 | from datetime import datetime
2 |
3 | from sqlalchemy import BigInteger, create_engine
4 | from sqlalchemy.orm import DeclarativeBase, Mapped, mapped_column, sessionmaker
5 |
6 | from api.settings import settings
7 |
8 | engine = create_engine(
9 | str(settings.database_url), echo=settings.sqlalchemy_settings.echo
10 | )
11 | SessionLocal = sessionmaker(
12 | autocommit=settings.sqlalchemy_settings.autocommit,
13 | autoflush=settings.sqlalchemy_settings.autoflush,
14 | bind=engine,
15 | )
16 |
17 |
18 | def get_db():
19 | db = SessionLocal()
20 | try:
21 | yield db
22 | finally:
23 | db.close()
24 |
25 |
26 | class Base(DeclarativeBase):
27 | id: Mapped[int] = mapped_column(BigInteger, primary_key=True)
28 | created_at: Mapped[datetime] = mapped_column(default=datetime.utcnow)
29 | updated_at: Mapped[datetime] = mapped_column(default=datetime.utcnow)
30 |
--------------------------------------------------------------------------------
/app/models/retailer_image.py:
--------------------------------------------------------------------------------
1 | import datetime
2 |
3 | from app.models.db import db
4 |
5 |
6 | class RetailerImage(db.Model):
7 | __tablename__ = "retailer_images"
8 |
9 | id = db.Column(db.Integer, primary_key=True)
10 | retailer_id = db.Column(db.Integer, db.ForeignKey("retailers.id"), nullable=False)
11 | image_url = db.Column(db.String, nullable=False)
12 | created_at = db.Column(
13 | db.DateTime, nullable=False, default=datetime.datetime.utcnow
14 | )
15 | updated_at = db.Column(
16 | db.DateTime, nullable=False, default=datetime.datetime.utcnow
17 | )
18 |
19 | retailer = db.relationship("Retailer", back_populates="images")
20 |
21 | def to_dict(self):
22 | return {
23 | "id": self.id,
24 | "retailer_id": self.retailer_id,
25 | "image_url": self.image_url,
26 | "created_at": self.created_at,
27 | }
28 |
--------------------------------------------------------------------------------
/migrations/versions/20210305_151900_update_comments_model.py:
--------------------------------------------------------------------------------
1 | """update comments model
2 |
3 | Revision ID: 32b61a573ad8
4 | Revises: f1ba629b1857
5 | Create Date: 2021-03-05 15:19:00.691588
6 |
7 | """
8 | import sqlalchemy as sa
9 | from alembic import op
10 |
11 | # revision identifiers, used by Alembic.
12 | revision = '32b61a573ad8'
13 | down_revision = 'f1ba629b1857'
14 | branch_labels = None
15 | depends_on = None
16 |
17 |
18 | def upgrade():
19 | # ### commands auto generated by Alembic - please adjust! ###
20 | op.alter_column('comments', 'comment_id',
21 | existing_type=sa.INTEGER(),
22 | nullable=True)
23 | # ### end Alembic commands ###
24 |
25 |
26 | def downgrade():
27 | # ### commands auto generated by Alembic - please adjust! ###
28 | op.alter_column('comments', 'comment_id',
29 | existing_type=sa.INTEGER(),
30 | nullable=False)
31 | # ### end Alembic commands ###
32 |
--------------------------------------------------------------------------------
/api/migrations/versions/20210305_151900_update_comments_model.py:
--------------------------------------------------------------------------------
1 | """update comments model
2 |
3 | Revision ID: 32b61a573ad8
4 | Revises: f1ba629b1857
5 | Create Date: 2021-03-05 15:19:00.691588
6 |
7 | """
8 | import sqlalchemy as sa
9 | from alembic import op
10 |
11 | # revision identifiers, used by Alembic.
12 | revision = '32b61a573ad8'
13 | down_revision = 'f1ba629b1857'
14 | branch_labels = None
15 | depends_on = None
16 |
17 |
18 | def upgrade():
19 | # ### commands auto generated by Alembic - please adjust! ###
20 | op.alter_column('comments', 'comment_id',
21 | existing_type=sa.INTEGER(),
22 | nullable=True)
23 | # ### end Alembic commands ###
24 |
25 |
26 | def downgrade():
27 | # ### commands auto generated by Alembic - please adjust! ###
28 | op.alter_column('comments', 'comment_id',
29 | existing_type=sa.INTEGER(),
30 | nullable=False)
31 | # ### end Alembic commands ###
32 |
--------------------------------------------------------------------------------
/api/migrations/versions/20210322_211305_create_lat_and_lng_on_meetups.py:
--------------------------------------------------------------------------------
1 | """create lat and lng on meetups
2 |
3 | Revision ID: 3fc0203ff0f0
4 | Revises: e3919cd21c9b
5 | Create Date: 2021-03-22 21:13:05.056978
6 |
7 | """
8 | import sqlalchemy as sa
9 | from alembic import op
10 |
11 | # revision identifiers, used by Alembic.
12 | revision = '3fc0203ff0f0'
13 | down_revision = 'e3919cd21c9b'
14 | branch_labels = None
15 | depends_on = None
16 |
17 |
18 | def upgrade():
19 | # ### commands auto generated by Alembic - please adjust! ###
20 | op.add_column('meetups', sa.Column('lat', sa.Numeric(scale=7), nullable=True))
21 | op.add_column('meetups', sa.Column('lng', sa.Numeric(scale=7), nullable=True))
22 | # ### end Alembic commands ###
23 |
24 |
25 | def downgrade():
26 | # ### commands auto generated by Alembic - please adjust! ###
27 | op.drop_column('meetups', 'lng')
28 | op.drop_column('meetups', 'lat')
29 | # ### end Alembic commands ###
30 |
--------------------------------------------------------------------------------
/migrations/versions/20210322_211305_create_lat_and_lng_on_meetups.py:
--------------------------------------------------------------------------------
1 | """create lat and lng on meetups
2 |
3 | Revision ID: 3fc0203ff0f0
4 | Revises: e3919cd21c9b
5 | Create Date: 2021-03-22 21:13:05.056978
6 |
7 | """
8 | import sqlalchemy as sa
9 | from alembic import op
10 |
11 | # revision identifiers, used by Alembic.
12 | revision = '3fc0203ff0f0'
13 | down_revision = 'e3919cd21c9b'
14 | branch_labels = None
15 | depends_on = None
16 |
17 |
18 | def upgrade():
19 | # ### commands auto generated by Alembic - please adjust! ###
20 | op.add_column('meetups', sa.Column('lat', sa.Numeric(scale=7), nullable=True))
21 | op.add_column('meetups', sa.Column('lng', sa.Numeric(scale=7), nullable=True))
22 | # ### end Alembic commands ###
23 |
24 |
25 | def downgrade():
26 | # ### commands auto generated by Alembic - please adjust! ###
27 | op.drop_column('meetups', 'lng')
28 | op.drop_column('meetups', 'lat')
29 | # ### end Alembic commands ###
30 |
--------------------------------------------------------------------------------
/app/models/__init__.py:
--------------------------------------------------------------------------------
1 | from app.models.comment import Comment # noqa
2 | from app.models.comment_rating import CommentRating # noqa
3 | from app.models.community import Community # noqa
4 | from app.models.db import db # noqa
5 | from app.models.meetup import Meetup # noqa
6 | from app.models.message import Message # noqa
7 | from app.models.post import Post # noqa
8 | from app.models.post_image import PostsImage # noqa
9 | from app.models.post_rating import PostRating # noqa
10 | from app.models.posts_tag import posts_tags # noqa
11 | from app.models.retailer import Retailer # noqa
12 | from app.models.retailer_image import RetailerImage # noqa
13 | from app.models.retailer_rating import RetailerRating # noqa
14 | from app.models.saved_comment import saved_comments # noqa
15 | from app.models.saved_post import saved_posts # noqa
16 | from app.models.tag import Tag # noqa
17 | from app.models.thread import Thread # noqa
18 | from app.models.user import User # noqa
19 |
--------------------------------------------------------------------------------
/api/migrations/versions/20210312_133251_add_lat_and_lng_columns_to_retailer.py:
--------------------------------------------------------------------------------
1 | """add lat and lng columns to retailer
2 |
3 | Revision ID: e3919cd21c9b
4 | Revises: 32b61a573ad8
5 | Create Date: 2021-03-12 13:32:51.555136
6 |
7 | """
8 | import sqlalchemy as sa
9 | from alembic import op
10 |
11 | # revision identifiers, used by Alembic.
12 | revision = 'e3919cd21c9b'
13 | down_revision = '32b61a573ad8'
14 | branch_labels = None
15 | depends_on = None
16 |
17 |
18 | def upgrade():
19 | # ### commands auto generated by Alembic - please adjust! ###
20 | op.add_column('retailers', sa.Column('lat', sa.Numeric(scale=7), nullable=True))
21 | op.add_column('retailers', sa.Column('lng', sa.Numeric(scale=7), nullable=True))
22 | # ### end Alembic commands ###
23 |
24 |
25 | def downgrade():
26 | # ### commands auto generated by Alembic - please adjust! ###
27 | op.drop_column('retailers', 'lng')
28 | op.drop_column('retailers', 'lat')
29 | # ### end Alembic commands ###
30 |
--------------------------------------------------------------------------------
/migrations/versions/20210312_133251_add_lat_and_lng_columns_to_retailer.py:
--------------------------------------------------------------------------------
1 | """add lat and lng columns to retailer
2 |
3 | Revision ID: e3919cd21c9b
4 | Revises: 32b61a573ad8
5 | Create Date: 2021-03-12 13:32:51.555136
6 |
7 | """
8 | import sqlalchemy as sa
9 | from alembic import op
10 |
11 | # revision identifiers, used by Alembic.
12 | revision = 'e3919cd21c9b'
13 | down_revision = '32b61a573ad8'
14 | branch_labels = None
15 | depends_on = None
16 |
17 |
18 | def upgrade():
19 | # ### commands auto generated by Alembic - please adjust! ###
20 | op.add_column('retailers', sa.Column('lat', sa.Numeric(scale=7), nullable=True))
21 | op.add_column('retailers', sa.Column('lng', sa.Numeric(scale=7), nullable=True))
22 | # ### end Alembic commands ###
23 |
24 |
25 | def downgrade():
26 | # ### commands auto generated by Alembic - please adjust! ###
27 | op.drop_column('retailers', 'lng')
28 | op.drop_column('retailers', 'lat')
29 | # ### end Alembic commands ###
30 |
--------------------------------------------------------------------------------
/app/conftest.py:
--------------------------------------------------------------------------------
1 | import pytest
2 |
3 | from app import create_app
4 | from app.models import User, db
5 |
6 |
7 | @pytest.fixture(scope="session")
8 | def app():
9 | app = create_app(testing=True)
10 | yield app
11 |
12 |
13 | @pytest.fixture(scope="session")
14 | def client(app):
15 | with app.test_client() as client:
16 | with app.app_context():
17 | db.drop_all()
18 | db.create_all()
19 | yield client
20 |
21 |
22 | @pytest.fixture(scope="session")
23 | def login_test_user(client):
24 | email = "john@test.com"
25 | username = "johnthetester"
26 | password = "password"
27 | User.create(username=username, email=email, password=password)
28 | login_response = client.post(
29 | "/auth/login",
30 | json={
31 | "credential": email,
32 | "password": password,
33 | },
34 | )
35 | json_login_response = login_response.get_json()
36 | return json_login_response["access_token"]
37 |
--------------------------------------------------------------------------------
/app/models/community.py:
--------------------------------------------------------------------------------
1 | import datetime
2 |
3 | from app.models.db import db
4 |
5 |
6 | class Community(db.Model):
7 | __tablename__ = "communities"
8 |
9 | id = db.Column(db.Integer, primary_key=True)
10 | name = db.Column(db.String(50), nullable=False)
11 | description = db.Column(db.Text, nullable=False)
12 | created_at = db.Column(
13 | db.DateTime, nullable=False, default=datetime.datetime.utcnow
14 | )
15 | updated_at = db.Column(
16 | db.DateTime, nullable=False, default=datetime.datetime.utcnow
17 | )
18 |
19 | posts = db.relationship("Post", back_populates="community")
20 |
21 | def to_simple_dict(self):
22 | return {
23 | "id": self.id,
24 | "name": self.name,
25 | }
26 |
27 | def to_dict(self):
28 | return {
29 | "id": self.id,
30 | "name": self.name,
31 | "description": self.description,
32 | "created_at": self.created_at,
33 | }
34 |
--------------------------------------------------------------------------------
/app/schemas/user.py:
--------------------------------------------------------------------------------
1 | from datetime import datetime
2 |
3 | from pydantic import ConfigDict
4 |
5 | from app.schemas.comment import MinimalCommentResponse
6 | from app.schemas.config import BaseORMModeModel
7 | from app.schemas.meetup import MinimalMeetupResponse
8 | from app.schemas.post import MinimalPostResponse
9 | from app.schemas.retailer import MinimalRetailerResponse
10 |
11 |
12 | class MinimalOrmObjectResponse(BaseORMModeModel):
13 | id: int
14 |
15 |
16 | class MinimalUserResponse(BaseORMModeModel):
17 | id: int
18 | username: str
19 | email: str
20 | created_at: datetime
21 |
22 |
23 | class FullUserResponse(MinimalUserResponse):
24 | meetups: list[MinimalMeetupResponse]
25 | saved_posts: list[MinimalPostResponse]
26 | saved_comments: list[MinimalCommentResponse]
27 | comments: list[MinimalCommentResponse]
28 | posts: list[MinimalPostResponse]
29 | retailers: list[MinimalRetailerResponse]
30 |
31 | model_config = ConfigDict(from_attributes=True)
32 |
--------------------------------------------------------------------------------
/api/alembic.ini:
--------------------------------------------------------------------------------
1 | # A generic, single database configuration.
2 |
3 | [alembic]
4 | script_location = migrations
5 | file_template = %%(year)d_%%(month).2d_%%(day).2d_%%(hour).2d%%(minute).2d-%%(rev)s_%%(slug)s
6 | prepend_sys_path = ..
7 | version_path_separator = os # Use os.pathsep. Default configuration used for new projects.
8 | sqlalchemy.url =
9 |
10 | [post_write_hooks]
11 |
12 | [loggers]
13 | keys = root,sqlalchemy,alembic
14 |
15 | [handlers]
16 | keys = console
17 |
18 | [formatters]
19 | keys = generic
20 |
21 | [logger_root]
22 | level = WARN
23 | handlers = console
24 | qualname =
25 |
26 | [logger_sqlalchemy]
27 | level = WARN
28 | handlers = console
29 | qualname = sqlalchemy.engine
30 |
31 | [logger_alembic]
32 | level = INFO
33 | handlers = console
34 | qualname = alembic
35 |
36 | [handler_console]
37 | class = StreamHandler
38 | args = (sys.stderr,)
39 | level = NOTSET
40 | formatter = generic
41 |
42 | [formatter_generic]
43 | format = %(levelname)-5.5s [%(name)s] %(message)s
44 | datefmt = %H:%M:%S
45 |
--------------------------------------------------------------------------------
/react-app/src/components/parts/InputField/InputField.js:
--------------------------------------------------------------------------------
1 | const InputField = ({ name, type, placeholder, value, onChange }) => {
2 | if (type === 'textarea') {
3 | return (
4 |
5 |
13 |
14 | );
15 | }
16 |
17 | return (
18 |
19 |
27 |
28 | );
29 | };
30 |
31 | export default InputField;
32 |
--------------------------------------------------------------------------------
/migrations/alembic.ini:
--------------------------------------------------------------------------------
1 | # A generic, single database configuration.
2 |
3 | [alembic]
4 | # template used to generate migration files
5 | file_template = %%(year)d%%(month).2d%%(day).2d_%%(hour).2d%%(minute).2d%%(second).2d_%%(slug)s
6 |
7 | # set to 'true' to run the environment during
8 | # the 'revision' command, regardless of autogenerate
9 | # revision_environment = false
10 |
11 |
12 | # Logging configuration
13 | [loggers]
14 | keys = root,sqlalchemy,alembic
15 |
16 | [handlers]
17 | keys = console
18 |
19 | [formatters]
20 | keys = generic
21 |
22 | [logger_root]
23 | level = WARN
24 | handlers = console
25 | qualname =
26 |
27 | [logger_sqlalchemy]
28 | level = WARN
29 | handlers =
30 | qualname = sqlalchemy.engine
31 |
32 | [logger_alembic]
33 | level = INFO
34 | handlers =
35 | qualname = alembic
36 |
37 | [handler_console]
38 | class = StreamHandler
39 | args = (sys.stderr,)
40 | level = NOTSET
41 | formatter = generic
42 |
43 | [formatter_generic]
44 | format = %(levelname)-5.5s [%(name)s] %(message)s
45 | datefmt = %H:%M:%S
46 |
--------------------------------------------------------------------------------
/react-app/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
15 |
20 |
8 |
35 | );
36 | };
37 |
38 | export default About;
39 |
--------------------------------------------------------------------------------
/react-app/src/store/sidebar.js:
--------------------------------------------------------------------------------
1 | import { SET_SIDEBAR_COMMUNITY, SET_SIDEBAR_COMMUNITIES } from './constants';
2 | import { setSidebarCommunity, setSidebarCommunities } from './actions';
3 | import api from './api';
4 |
5 | export const getSidebarPopularCommunities = () => async (dispatch) => {
6 | const res = await api(`/api/communities/popular`);
7 | const communities = await res.json();
8 | dispatch(setSidebarCommunities(communities));
9 | return communities;
10 | };
11 |
12 | export const getSidebarCommunity = (name) => async (dispatch) => {
13 | const res = await api(`/api/communities/${name}`);
14 | const community = await res.json();
15 | if (!community.errors) {
16 | dispatch(setSidebarCommunity(community));
17 | }
18 | return community;
19 | };
20 |
21 | const initialState = {
22 | popular: [],
23 | community: null,
24 | };
25 |
26 | const sidebarReducer = (state = initialState, action) => {
27 | switch (action.type) {
28 | case SET_SIDEBAR_COMMUNITIES:
29 | return { ...state, popular: action.communities.map(({ id }) => id) };
30 | case SET_SIDEBAR_COMMUNITY:
31 | return { ...state, community: action.community.id };
32 | default:
33 | return state;
34 | }
35 | };
36 |
37 | export default sidebarReducer;
38 |
--------------------------------------------------------------------------------
/app/models/comment_rating.py:
--------------------------------------------------------------------------------
1 | import datetime
2 |
3 | from sqlalchemy.orm import Mapped
4 |
5 | from app import models
6 | from app.models.db import db
7 | from app.schemas.user import MinimalUserResponse
8 |
9 |
10 | class CommentRating(db.Model):
11 | __tablename__ = "comment_ratings"
12 |
13 | id = db.Column(db.Integer, primary_key=True)
14 | user_id = db.Column(db.Integer, db.ForeignKey("users.id"), nullable=False)
15 | comment_id = db.Column(db.Integer, db.ForeignKey("comments.id"), nullable=False)
16 | rating = db.Column(db.Integer, nullable=False)
17 | created_at = db.Column(
18 | db.DateTime, nullable=False, default=datetime.datetime.utcnow
19 | )
20 | updated_at = db.Column(
21 | db.DateTime, nullable=False, default=datetime.datetime.utcnow
22 | )
23 |
24 | user: Mapped["models.user.User"] = db.relationship(back_populates="rated_comments")
25 | comment: Mapped["models.comment.Comment"] = db.relationship(
26 | back_populates="ratings"
27 | )
28 |
29 | def to_dict(self):
30 | return {
31 | "id": self.id,
32 | "user": MinimalUserResponse.from_orm(self.user).dict(),
33 | "comment_id": self.comment_id,
34 | "rating": self.rating,
35 | }
36 |
--------------------------------------------------------------------------------
/app/models/message.py:
--------------------------------------------------------------------------------
1 | import datetime
2 |
3 | from app.models.db import db
4 | from app.schemas.user import MinimalUserResponse
5 |
6 |
7 | class Message(db.Model):
8 | __tablename__ = "messages"
9 |
10 | id = db.Column(db.Integer, primary_key=True)
11 | sender_id = db.Column(db.Integer, db.ForeignKey("users.id"), nullable=False)
12 | recipient_id = db.Column(db.Integer, db.ForeignKey("users.id"), nullable=False)
13 | body = db.Column(db.String(255), nullable=False)
14 | created_at = db.Column(
15 | db.DateTime, nullable=False, default=datetime.datetime.utcnow
16 | )
17 | updated_at = db.Column(
18 | db.DateTime, nullable=False, default=datetime.datetime.utcnow
19 | )
20 |
21 | sender = db.relationship(
22 | "User", foreign_keys=[sender_id], back_populates="sent_messages"
23 | )
24 | recipient = db.relationship(
25 | "User", foreign_keys=[recipient_id], back_populates="received_messages"
26 | )
27 |
28 | def to_dict(self):
29 | return {
30 | "id": self.id,
31 | "sender": MinimalUserResponse.from_orm(self.sender).dict(),
32 | "recipient": MinimalUserResponse.from_orm(self.recipient).dict(),
33 | "created_at": self.created_at,
34 | }
35 |
--------------------------------------------------------------------------------
/app/models/post_rating.py:
--------------------------------------------------------------------------------
1 | import datetime
2 |
3 | from app.models.db import db
4 | from app.schemas.user import MinimalUserResponse
5 |
6 |
7 | class PostRating(db.Model):
8 | __tablename__ = "post_ratings"
9 |
10 | id = db.Column(db.Integer, primary_key=True)
11 | user_id = db.Column(db.Integer, db.ForeignKey("users.id"), nullable=False)
12 | post_id = db.Column(db.Integer, db.ForeignKey("posts.id"), nullable=False)
13 | rating = db.Column(db.Integer, nullable=False)
14 | created_at = db.Column(
15 | db.DateTime, nullable=False, default=datetime.datetime.utcnow
16 | )
17 | updated_at = db.Column(
18 | db.DateTime, nullable=False, default=datetime.datetime.utcnow
19 | )
20 |
21 | user = db.relationship("User", back_populates="rated_posts")
22 | post = db.relationship("Post", back_populates="ratings")
23 |
24 | def to_simple_dict(self):
25 | return {
26 | "user_id": self.user_id,
27 | "rating": self.rating,
28 | }
29 |
30 | def to_dict(self):
31 | return {
32 | "id": self.id,
33 | "user": MinimalUserResponse.from_orm(self.user).dict(),
34 | "post": self.post.to_simple_dict(),
35 | "rating": self.rating,
36 | }
37 |
--------------------------------------------------------------------------------
/react-app/src/context/ModalContext.js:
--------------------------------------------------------------------------------
1 | import { createContext, useRef, useState, useEffect, useContext } from 'react';
2 | import ReactDOM from 'react-dom';
3 |
4 | import { useDarkModeContext } from './DarkModeContext';
5 |
6 | const ModalContext = createContext();
7 |
8 | const ModalProvider = ({ children }) => {
9 | const modalRef = useRef();
10 | const [value, setValue] = useState();
11 |
12 | useEffect(() => {
13 | setValue(modalRef.current);
14 | }, []);
15 |
16 | return (
17 | <>
18 |
9 |
11 |
31 | Created by Peter Mai © 2021
10 |
32 | 
33 |
34 |
35 |
36 |
,
38 | modalNode
39 | );
40 | };
41 |
42 | export default ModalProvider;
43 |
--------------------------------------------------------------------------------
/app/config.py:
--------------------------------------------------------------------------------
1 | import os
2 |
3 |
4 | class Config:
5 | TESTING = False
6 | SECRET_KEY = os.environ.get("SECRET_KEY")
7 |
8 | SQLALCHEMY_TRACK_MODIFICATIONS = False
9 | SQLALCHEMY_DATABASE_URI = os.environ.get("DATABASE_URL")
10 | SQLALCHEMY_ECHO = False
11 |
12 | S3_BUCKET = os.environ.get("S3_BUCKET_NAME")
13 | S3_KEY = os.environ.get("S3_ACCESS_KEY")
14 | S3_SECRET = os.environ.get("S3_SECRET_ACCESS_KEY")
15 | S3_LOCATION = f"http://{S3_BUCKET}.s3.amazonaws.com/"
16 |
17 | OPEN_CAGE_API_KEY = os.environ.get("OPEN_CAGE_API_KEY")
18 |
19 | def __new__(cls, testing):
20 | is_production = os.environ.get("FLASK_ENV", "development") == "production"
21 |
22 | if testing:
23 | return TestingConfig
24 | elif is_production:
25 | return ProductionConfig
26 | else:
27 | return DevelopmentConfig
28 |
29 | def __init__(self, *args, **kwargs):
30 | super().__init__(*args, **kwargs)
31 |
32 |
33 | class ProductionConfig(Config):
34 | pass
35 |
36 |
37 | class DevelopmentConfig(Config):
38 | SQLALCHEMY_ECHO = True
39 |
40 |
41 | class TestingConfig(Config):
42 | TESTING = True
43 | SQLALCHEMY_DATABASE_URI = "sqlite:///:memory:"
44 | WTF_CSRF_ENABLED = False
45 |
--------------------------------------------------------------------------------
/react-app/src/components/DarkModeToggle/DarkModeToggle.js:
--------------------------------------------------------------------------------
1 | import { useEffect } from 'react';
2 |
3 | import { Brightness2, Brightness7 } from '@mui/icons-material';
4 |
5 | import { useDarkModeContext } from '../../context/DarkModeContext';
6 |
7 | const DarkModeToggle = () => {
8 | const { isDarkMode, setIsDarkMode } = useDarkModeContext();
9 |
10 | useEffect(() => {
11 | localStorage.setItem('isDarkMode', isDarkMode);
12 | }, [isDarkMode]);
13 |
14 | const toggleDarkMode = () => {
15 | setIsDarkMode((prev) => !prev);
16 | };
17 |
18 | return (
19 | {children}
37 |
20 |
39 | );
40 | };
41 |
42 | export default DarkModeToggle;
43 |
--------------------------------------------------------------------------------
/app/routes/__init__.py:
--------------------------------------------------------------------------------
1 | import os
2 |
3 | from flask import Blueprint, redirect, request
4 | from flask_wtf.csrf import generate_csrf
5 |
6 | from app.routes.api import api
7 |
8 | routes = Blueprint("routes", __name__, static_folder="../static")
9 |
10 | routes.register_blueprint(api, url_prefix="/api")
11 | is_production = os.environ.get("FLASK_ENV", "development") == "production"
12 |
13 |
14 | @routes.before_request
15 | def https_redirect():
16 | if is_production:
17 | if request.headers.get("X-Forwarded-Proto") == "http":
18 | url = request.url.replace("http://", "https://", 1)
19 | code = 301
20 | return redirect(url, code=code)
21 |
22 |
23 | @routes.after_request
24 | def inject_csrf_token(response):
25 | response.set_cookie(
26 | "csrf_token",
27 | generate_csrf(),
28 | secure=True if is_production else False,
29 | samesite="Strict" if is_production else None,
30 | )
31 | return response
32 |
33 |
34 | @routes.route("/favicon.ico")
35 | def favicon():
36 | return routes.send_static_file("favicon.ico")
37 |
38 |
39 | @routes.route("/", defaults={"path": ""})
40 | @routes.route("/
21 |
23 |
29 |
34 |
35 |
36 |
38 |
29 |
30 |
31 | {user.username}
32 |
33 |
34 |
38 | );
39 | };
40 |
41 | export default UserMenu;
42 |
--------------------------------------------------------------------------------
/react-app/src/store/search.js:
--------------------------------------------------------------------------------
1 | import { SET_SEARCH } from './constants';
2 | import { setSearch } from './actions';
3 | import api from './api';
4 |
5 | export const getQuery =
6 | (queryString, type, field, state, city) => async (dispatch) => {
7 | const res = await api(
8 | `/api/search?query=${queryString}${type ? `&type=${type}` : ''}${
9 | field ? `&field=${field}` : ''
10 | }${city ? `&city=${city}` : ''}${state ? `&state=${state}` : ''}`
11 | );
12 | const data = await res.json();
13 | const searchData = {};
14 |
15 | searchData.posts = data.posts || [];
16 | searchData.comments = data.comments || [];
17 | searchData.retailers = data.retailers || [];
18 |
19 | dispatch(setSearch(searchData));
20 | return data;
21 | };
22 |
23 | const initialState = {
24 | posts: [],
25 | comments: [],
26 | retailers: [],
27 | };
28 |
29 | const searchReducer = (state = initialState, action) => {
30 | switch (action.type) {
31 | case SET_SEARCH:
32 | return {
33 | ...state,
34 | posts: action.posts.map((post) => post.id),
35 | comments: action.comments.map((comment) => comment.id),
36 | retailers: action.retailers.map((retailer) => retailer.id),
37 | };
38 | default:
39 | return state;
40 | }
41 | };
42 |
43 | export default searchReducer;
44 |
--------------------------------------------------------------------------------
/react-app/src/components/Retailer/Retailer.js:
--------------------------------------------------------------------------------
1 | import { NavLink } from 'react-router-dom';
2 |
3 | import UserName from '../parts/UserName';
4 | import options from '../../utils/localeDateString';
5 |
6 | const Retailer = ({ retailer }) => {
7 | return (
8 |
9 |
10 |
19 |
28 |
35 | );
36 | };
37 |
38 | export default Retailer;
39 |
--------------------------------------------------------------------------------
/app/models/retailer_rating.py:
--------------------------------------------------------------------------------
1 | import datetime
2 |
3 | from app.models.db import db
4 | from app.schemas.user import MinimalUserResponse
5 |
6 |
7 | class RetailerRating(db.Model):
8 | __tablename__ = "retailer_ratings"
9 |
10 | id = db.Column(db.Integer, primary_key=True)
11 | user_id = db.Column(db.Integer, db.ForeignKey("users.id"), nullable=False)
12 | retailer_id = db.Column(db.Integer, db.ForeignKey("retailers.id"), nullable=False)
13 | rating = db.Column(db.Integer, nullable=False)
14 | created_at = db.Column(
15 | db.DateTime, nullable=False, default=datetime.datetime.utcnow
16 | )
17 | updated_at = db.Column(
18 | db.DateTime, nullable=False, default=datetime.datetime.utcnow
19 | )
20 |
21 | user = db.relationship("User")
22 | retailer = db.relationship("Retailer", back_populates="ratings")
23 |
24 | def to_dict(self):
25 | return {
26 | "id": self.id,
27 | "user": MinimalUserResponse.from_orm(self.user).dict(),
28 | "retailer_id": self.retailer_id,
29 | "rating": self.rating,
30 | "created_at": self.created_at,
31 | }
32 |
33 | def to_simple_dict(self):
34 | return {
35 | "id": self.id,
36 | "user": MinimalUserResponse.from_orm(self.user).dict(),
37 | "rating": self.rating,
38 | }
39 |
--------------------------------------------------------------------------------
/react-app/tailwind.config.js:
--------------------------------------------------------------------------------
1 | const colors = require('tailwindcss/colors');
2 | const defaultTheme = require('tailwindcss/defaultTheme');
3 |
4 | module.exports = {
5 | purge: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
6 | darkMode: 'class', // or 'media' or 'class'
7 | theme: {
8 | boxShadow: {
9 | ...defaultTheme.boxShadow,
10 | light:
11 | '0 1px 3px 0 rgba(255, 255, 255, 0.1), 0 1px 2px 0 rgba(255, 255, 255, 0.06)',
12 | 'light-lg':
13 | '0 10px 15px 3px rgba(255, 255, 255, 0.1), 0 4px 6px -2px rgba(255, 255, 255, 0.06)',
14 | },
15 | colors: {
16 | ...colors,
17 | green: {
18 | DEFAULT: '#00ce86',
19 | dark: '#007a50',
20 | },
21 | purple: {
22 | DEFAULT: '#9556dc',
23 | dark: '#391463',
24 | },
25 | },
26 | fontFamily: {
27 | big: ['Montserrat', ...defaultTheme.fontFamily.sans],
28 | sans: ['"Carrois Gothic"', ...defaultTheme.fontFamily.sans],
29 | },
30 | extend: {
31 | gridTemplateRows: {
32 | layout: 'auto minmax(98vh, 1fr) auto',
33 | },
34 | },
35 | },
36 | variants: {
37 | extend: {
38 | boxShadow: ['dark'],
39 | opacity: ['disabled'],
40 | cursor: ['disabled'],
41 | borderColor: ['disabled'],
42 | },
43 | },
44 | plugins: [],
45 | corePlugins: {
46 | ringColor: false,
47 | },
48 | };
49 |
--------------------------------------------------------------------------------
/react-app/src/components/PostPage/PostPage.js:
--------------------------------------------------------------------------------
1 | import { useState, useEffect } from 'react';
2 | import { useSelector, useDispatch } from 'react-redux';
3 | import { useParams } from 'react-router-dom';
4 |
5 | import { session, posts } from '../../store/selectors';
6 | import { getPostById } from '../../store/posts';
7 | import { getCommentsByPost } from '../../store/comments';
8 | import Post from '../Post';
9 | import CommentThreadContainer from '../CommentThreadContainer';
10 | import CreateCommentForm from '../CreateCommentForm';
11 |
12 | const PostPage = () => {
13 | const { postId } = useParams();
14 | const dispatch = useDispatch();
15 |
16 | const user = useSelector(session.user());
17 | const post = useSelector(posts.byId(postId));
18 |
19 | const [isLoaded, setIsLoaded] = useState(false);
20 |
21 | useEffect(() => {
22 | window.scrollTo(0, 0);
23 | dispatch(getPostById(postId));
24 | dispatch(getCommentsByPost(postId));
25 | }, [dispatch, postId]);
26 |
27 | useEffect(() => {
28 | if (post) {
29 | setIsLoaded(true);
30 | }
31 | }, [post]);
32 |
33 | if (!isLoaded) {
34 | return null;
35 | }
36 |
37 | return (
38 | <>
39 |
10 |
16 | {retailer.name}
17 |
18 |
19 | 20 | Average rating of:{' '} 21 | {Object.values(retailer.ratings).reduce( 22 | (acc, { rating }, idx) => (acc + rating) / (idx + 1), 23 | 0 24 | )} 25 |
26 |{retailer.description}
27 |28 |
29 | Est. {new Date(retailer.created_at).toLocaleString(...options())} 30 |
31 |32 | Located in {retailer.city}, {retailer.state} 33 |
34 |
42 |
44 | )}
45 |
25 |
37 |
38 | );
39 | };
40 |
41 | export default SearchBar;
42 |
--------------------------------------------------------------------------------
/app/integration_tests/routes/test_auth.py:
--------------------------------------------------------------------------------
1 | from app.models import User
2 |
3 |
4 | class TestAuthFunctionality:
5 | def test_valid_login(self, client):
6 | User.create(
7 | username="johnthetester", email="john@test.com", password="password"
8 | )
9 |
10 | response = client.get("/api/auth")
11 |
12 | response = client.post(
13 | "/api/auth/login",
14 | json={"credential": "johnthetester", "password": "password"},
15 | )
16 | json_response = response.get_json()
17 | user = User.query.filter_by(email="john@test.com").first()
18 |
19 | assert json_response["username"] == user.username
20 | assert json_response["email"] == user.email
21 | assert json_response["id"] == user.id
22 | assert response.status_code == 200
23 |
24 | def text_invalid_login(self, client):
25 | User.create(
26 | username="johnthetester", email="john@test.com", password="password"
27 | )
28 |
29 | response = client.get("/api/auth")
30 | csrf_token = response.headers["Set-Cookie"]
31 |
32 | response = client.post(
33 | "/api/auth/login",
34 | json={"credential": "johnthetester", "password": "bad password"},
35 | headers={"csrf_token": csrf_token},
36 | )
37 | json_response = response.get_json()
38 | errors = json_response["errors"]
39 | assert errors == ["Invalid credentials"]
40 | assert response.status_code == 200
41 |
--------------------------------------------------------------------------------
/app/models/meetup.py:
--------------------------------------------------------------------------------
1 | import datetime
2 |
3 | from app.models.db import db
4 | from app.schemas.user import MinimalUserResponse
5 |
6 |
7 | class Meetup(db.Model):
8 | __tablename__ = "meetups"
9 |
10 | id = db.Column(db.Integer, primary_key=True)
11 | user_id = db.Column(db.Integer, db.ForeignKey("users.id"), nullable=False)
12 | name = db.Column(db.String(50), nullable=False)
13 | description = db.Column(db.Text, nullable=False)
14 | city = db.Column(db.String(50), nullable=False)
15 | state = db.Column(db.String(25), nullable=False)
16 | lat = db.Column(db.Numeric(scale=7))
17 | lng = db.Column(db.Numeric(scale=7))
18 | date = db.Column(db.DateTime, nullable=False)
19 | created_at = db.Column(
20 | db.DateTime, nullable=False, default=datetime.datetime.utcnow
21 | )
22 | updated_at = db.Column(
23 | db.DateTime, nullable=False, default=datetime.datetime.utcnow
24 | )
25 |
26 | user = db.relationship("User", back_populates="meetups")
27 |
28 | def to_dict(self):
29 | return {
30 | "id": self.id,
31 | "user": MinimalUserResponse.from_orm(self.user).dict(),
32 | "name": self.name,
33 | "description": self.description,
34 | "city": self.city,
35 | "state": self.state,
36 | "lat": float(self.lat or 0),
37 | "lng": float(self.lng or 0),
38 | "date": self.date,
39 | "created_at": self.created_at,
40 | "updated_at": self.updated_at,
41 | }
42 |
--------------------------------------------------------------------------------
/react-app/src/components/RetailerRatingForm/RetailerRatingForm.js:
--------------------------------------------------------------------------------
1 | import { useState } from 'react';
2 | import { useDispatch, useSelector } from 'react-redux';
3 |
4 | import { session } from '../../store/selectors';
5 | import { createRetailerRating } from '../../store/retailers';
6 | import FormTitle from '../parts/FormTitle';
7 | import InputField from '../parts/InputField';
8 | import FormErrors from '../parts/FormErrors';
9 | import SubmitFormButton from '../parts/SubmitFormButton';
10 |
11 | const RetailerRatingForm = ({ retailerId }) => {
12 | const dispatch = useDispatch();
13 | const user = useSelector(session.user());
14 |
15 | const [rating, setRating] = useState(1);
16 | const [errors, setErrors] = useState([]);
17 |
18 | const updateRating = (e) => {
19 | setRating(e.target.value);
20 | };
21 |
22 | const submitHandler = async (e) => {
23 | e.preventDefault();
24 | const retailer = await dispatch(
25 | createRetailerRating({ rating, user_id: user.id }, retailerId)
26 | );
27 | if (retailer.errors) {
28 | setErrors(retailer.errors);
29 | } else {
30 | setRating(1);
31 | }
32 | };
33 |
34 | return (
35 | <>
36 |
48 |
49 | );
50 | };
51 |
52 | export default RetailerRatingForm;
53 |
--------------------------------------------------------------------------------
/react-app/src/components/CreateCommentForm/CreateCommentForm.js:
--------------------------------------------------------------------------------
1 | import { useState } from 'react';
2 | import { useDispatch } from 'react-redux';
3 |
4 | import { createComment } from '../../store/comments';
5 | import InputField from '../parts/InputField';
6 | import SubmitFormButton from '../parts/SubmitFormButton';
7 |
8 | const CreateCommentForm = ({ userId, postId }) => {
9 | const dispatch = useDispatch();
10 | const [body, setBody] = useState('');
11 | const [errors, setErrors] = useState([]);
12 |
13 | const updateBody = (e) => {
14 | setBody(e.target.value);
15 | };
16 |
17 | const submitComment = async (e) => {
18 | e.preventDefault();
19 | const comment = {
20 | body,
21 | user_id: userId,
22 | };
23 | const post = await dispatch(createComment(comment, postId));
24 | if (post.errors) {
25 | setErrors(['A body is required to make a comment.']);
26 | } else {
27 | setBody('');
28 | }
29 | };
30 |
31 | return (
32 |
33 |
50 |
51 | );
52 | };
53 |
54 | export default CreateCommentForm;
55 |
--------------------------------------------------------------------------------
/api/settings.py:
--------------------------------------------------------------------------------
1 | from enum import Enum
2 |
3 | from pydantic import PostgresDsn, computed_field
4 | from pydantic_settings import BaseSettings, SettingsConfigDict
5 |
6 |
7 | class EnvEnum(str, Enum):
8 | prod = "PROD"
9 | staging = "STAGING"
10 | dev = "DEV"
11 |
12 |
13 | class SqlalchemySettings(BaseSettings):
14 | model_config = SettingsConfigDict(
15 | env_prefix="sqla_",
16 | env_file=".env",
17 | env_file_encoding="utf-8",
18 | extra="ignore",
19 | )
20 |
21 | track_modifications: bool = False
22 | echo: bool = False
23 | autocommit: bool = False
24 | autoflush: bool = False
25 |
26 |
27 | class AwsS3Settings(BaseSettings):
28 | model_config = SettingsConfigDict(
29 | env_prefix="s3_", env_file=".env", env_file_encoding="utf-8", extra="ignore"
30 | )
31 |
32 | bucket_name: str
33 | access_key: str
34 | secret_access_key: str
35 |
36 | @computed_field(repr=False)
37 | @property
38 | def location(self) -> str:
39 | return f"http://{self.bucket}.s3.amazonaws.com/"
40 |
41 |
42 | class Settings(BaseSettings):
43 | model_config = SettingsConfigDict(
44 | env_file=".env", env_file_encoding="utf-8", extra="ignore"
45 | )
46 |
47 | environment: EnvEnum = EnvEnum.dev
48 | secret_key: str
49 | database_url: PostgresDsn
50 |
51 | open_cage_api_key: str
52 |
53 | sqlalchemy_settings: SqlalchemySettings = SqlalchemySettings()
54 | aws_s3_settings: AwsS3Settings = AwsS3Settings()
55 |
56 | @property
57 | def is_dev(self) -> bool:
58 | cond = self.environment is EnvEnum.dev
59 | return cond
60 |
61 |
62 | settings = Settings()
63 |
--------------------------------------------------------------------------------
/app/seeds/__init__.py:
--------------------------------------------------------------------------------
1 | from flask.cli import AppGroup
2 |
3 | from app.seeds.comment_ratings import seed_comment_ratings, undo_comment_ratings
4 | from app.seeds.comments import seed_comments, undo_comments
5 | from app.seeds.communities import seed_communities, undo_communities
6 | from app.seeds.meetups import seed_meetups, undo_meetups
7 | from app.seeds.post_images import seed_post_images, undo_post_images
8 | from app.seeds.post_ratings import seed_post_ratings, undo_post_ratings
9 | from app.seeds.posts import seed_posts, undo_posts
10 | from app.seeds.retailer_ratings import seed_retailer_ratings, undo_retailer_ratings
11 | from app.seeds.retailers import seed_retailers, undo_retailers
12 | from app.seeds.threads import seed_threads, undo_threads
13 | from app.seeds.users import seed_users, undo_users
14 |
15 | # Creates a seed group to hold our commands
16 | # So we can type `flask seed --help`
17 | seed_commands = AppGroup("seed")
18 |
19 |
20 | # Creates the `flask seed all` command
21 | @seed_commands.command("all")
22 | def seed():
23 | seed_users()
24 | seed_communities()
25 | seed_posts()
26 | seed_threads()
27 | seed_comments()
28 | seed_retailers()
29 | seed_retailer_ratings()
30 | seed_post_images()
31 | seed_meetups()
32 | seed_post_ratings()
33 | seed_comment_ratings()
34 | # Add other seed functions here
35 |
36 |
37 | # Creates the `flask seed undo` command
38 | @seed_commands.command("undo")
39 | def undo():
40 | undo_comment_ratings()
41 | undo_post_ratings()
42 | undo_meetups()
43 | undo_post_images()
44 | undo_retailer_ratings()
45 | undo_retailers()
46 | undo_comments()
47 | undo_threads()
48 | undo_posts()
49 | undo_communities()
50 | undo_users()
51 | # Add other undo functions here
52 |
--------------------------------------------------------------------------------
/react-app/src/components/parts/Upvote/Upvote.js:
--------------------------------------------------------------------------------
1 | import { useSelector, useDispatch } from 'react-redux';
2 |
3 | import { ArrowUpward } from '@mui/icons-material';
4 |
5 | import { session } from '../../../store/selectors';
6 | import { ratePost } from '../../../store/posts';
7 | import { rateComment } from '../../../store/comments';
8 |
9 | const Upvote = ({ id, type, rating }) => {
10 | const dispatch = useDispatch();
11 | const user = useSelector(session.user());
12 |
13 | const onUpvote = () => {
14 | switch (type) {
15 | case 'post':
16 | dispatch(ratePost({ userId: user.id, postId: id, rating: 1 }));
17 | break;
18 | case 'comment':
19 | dispatch(rateComment({ userId: user.id, commentId: id, rating: 1 }));
20 | break;
21 | default:
22 | break;
23 | }
24 | };
25 |
26 | const onUnUpvote = () => {
27 | switch (type) {
28 | case 'post':
29 | dispatch(ratePost({ userId: user.id, postId: id, rating: 0 }));
30 | break;
31 | case 'comment':
32 | dispatch(rateComment({ userId: user.id, commentId: id, rating: 0 }));
33 | break;
34 | default:
35 | break;
36 | }
37 | };
38 |
39 | return (
40 | <>
41 | {rating === 1 ? (
42 |
48 | ) : (
49 |
55 | )}
56 |
57 | );
58 | };
59 |
60 | export default Upvote;
61 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Qwerkey
2 |
3 |
4 | 
5 |
39 |
55 | );
56 | };
57 |
58 | export default DeleteConfirmation;
59 |
--------------------------------------------------------------------------------
/react-app/src/store/constants.js:
--------------------------------------------------------------------------------
1 | // Session Constants
2 | export const SET_SESSION = 'session/SET_SESSION';
3 | export const REMOVE_SESSION = 'session/REMOVE_SESSION';
4 |
5 | // Posts Constants
6 | export const SET_MORE_POSTS = 'posts/SET_MORE_POSTS';
7 | export const SET_POSTS = 'posts/SET_POSTS';
8 | export const SET_POST = 'posts/SET_POST';
9 | export const SET_MAX_POSTS = 'posts/SET_MAX';
10 | export const SET_ORDER = 'posts/SET_ORDER';
11 |
12 | // Users Constants
13 | export const SET_MORE_USERS = 'users/SET_MORE_USERS';
14 | export const SET_USERS = 'users/SET_USERS';
15 | export const SET_USER = 'users/SET_USER';
16 | export const SET_MAX_USERS = 'users/SET_MAX';
17 |
18 | // Comments Constants
19 | export const SET_COMMENTS = 'comments/SET_COMMENTS';
20 | export const SET_COMMENT = 'comments/SET_COMMENT';
21 |
22 | // Retailers Constants
23 | export const REMOVE_RETAILER = 'retailers/REMOVE_RETAILER';
24 | export const SET_MORE_RETAILERS = 'retailers/SET_MORE_RETAILERS';
25 | export const SET_RETAILERS = 'retailers/SET_RETAILERS';
26 | export const SET_RETAILER = 'retailers/SET_RETAILER';
27 | export const SET_MAX_RETAILERS = 'retailers/SET_MAX';
28 |
29 | // Meetups Constants
30 | export const SET_MAX_MEETUPS = 'meetups/SET_MAX';
31 | export const SET_MORE_MEETUPS = 'meetups/SET_MORE_MEETUPS';
32 | export const SET_MEETUPS = 'meetups/SET_MEETUPS';
33 | export const SET_MEETUP = 'meetups/SET_MEETUP';
34 | export const REMOVE_MEETUP = 'meetups/REMOVE_MEETUP';
35 |
36 | // Search Constants
37 | export const SET_SEARCH = 'search/setSearch';
38 |
39 | // Communities Constants
40 | export const SET_COMMUNITIES = 'communities/SET_COMMUNITIES';
41 | export const SET_COMMUNITY = 'communities/SET_COMMUNITY';
42 |
43 | // Sidebar Constants
44 | export const SET_SIDEBAR_COMMUNITIES = 'sidebar/SET_COMMUNITIES';
45 | export const SET_SIDEBAR_COMMUNITY = 'sidebar/SET_COMMUNITY';
46 |
--------------------------------------------------------------------------------
/react-app/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "react-app",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "@emotion/react": "^11.11.1",
7 | "@emotion/styled": "^11.11.0",
8 | "@headlessui/react": "^0.3.1",
9 | "@mui/icons-material": "^5.11.16",
10 | "@mui/material": "^5.13.6",
11 | "@mui/styles": "^5.13.2",
12 | "@reduxjs/toolkit": "^1.9.5",
13 | "@testing-library/jest-dom": "^5.11.9",
14 | "@testing-library/react": "^11.2.5",
15 | "@testing-library/user-event": "^12.8.1",
16 | "caniuse-lite": "^1.0.30001512",
17 | "country-state-city": "^2.0.0",
18 | "js-cookie": "^3.0.1",
19 | "leaflet": "^1.7.1",
20 | "react": "^18.0.0",
21 | "react-dom": "^18.0.0",
22 | "react-leaflet": "^3.1.0",
23 | "react-redux": "^7.2.2",
24 | "react-router-dom": "^6.3.0",
25 | "react-scripts": "^5.0.0",
26 | "redux": "^4.0.5",
27 | "uuid": "^8.3.2",
28 | "web-vitals": "^1.1.0"
29 | },
30 | "scripts": {
31 | "start": "react-scripts start",
32 | "build": "react-scripts build",
33 | "test": "react-scripts test",
34 | "eject": "react-scripts eject"
35 | },
36 | "eslintConfig": {
37 | "extends": [
38 | "react-app",
39 | "react-app/jest"
40 | ]
41 | },
42 | "browserslist": {
43 | "production": [
44 | ">0.2%",
45 | "not dead",
46 | "not op_mini all"
47 | ],
48 | "development": [
49 | "last 1 chrome version",
50 | "last 1 firefox version",
51 | "last 1 safari version"
52 | ]
53 | },
54 | "devDependencies": {
55 | "autoprefixer": "^10.4.0",
56 | "babel-plugin-import": "^1.13.3",
57 | "postcss": "^8.4.5",
58 | "redux-logger": "^3.0.6",
59 | "tailwindcss": "^3.0.7"
60 | },
61 | "jest": {
62 | "globalSetup": "./global-setup.js"
63 | },
64 | "proxy": "http://127.0.0.1:5000"
65 | }
66 |
--------------------------------------------------------------------------------
/react-app/src/components/parts/Downvote/Downvote.js:
--------------------------------------------------------------------------------
1 | import { useSelector, useDispatch } from 'react-redux';
2 |
3 | import { ArrowDownward } from '@mui/icons-material';
4 |
5 | import { session } from '../../../store/selectors';
6 | import { ratePost } from '../../../store/posts';
7 | import { rateComment } from '../../../store/comments';
8 |
9 | const Downvote = ({ id, type, rating }) => {
10 | const dispatch = useDispatch();
11 | const user = useSelector(session.user());
12 |
13 | const onDownvote = () => {
14 | switch (type) {
15 | case 'post':
16 | dispatch(ratePost({ userId: user.id, postId: id, rating: -1 }));
17 | break;
18 | case 'comment':
19 | dispatch(rateComment({ userId: user.id, commentId: id, rating: -1 }));
20 | break;
21 | default:
22 | break;
23 | }
24 | };
25 |
26 | const onUnDownvote = () => {
27 | switch (type) {
28 | case 'post':
29 | dispatch(ratePost({ userId: user.id, postId: id, rating: 0 }));
30 | break;
31 | case 'comment':
32 | dispatch(rateComment({ userId: user.id, commentId: id, rating: 0 }));
33 | break;
34 | default:
35 | break;
36 | }
37 | };
38 |
39 | return (
40 | <>
41 | {rating === -1 ? (
42 |
48 | ) : (
49 |
55 | )}
56 |
57 | );
58 | };
59 |
60 | export default Downvote;
61 |
--------------------------------------------------------------------------------
/react-app/src/components/__tests__/Post.js:
--------------------------------------------------------------------------------
1 | import { render, screen } from '@testing-library/react';
2 | import { Provider } from 'react-redux';
3 | import { BrowserRouter } from 'react-router-dom';
4 |
5 | import { store } from '../../store';
6 | import Post from '../Post';
7 |
8 | describe('The Post component', () => {
9 | describe('renders', () => {
10 | beforeEach(() => {
11 | const post = {
12 | id: 1,
13 | title: 'Test post',
14 | body: 'Test post body',
15 | created_at: 'Tue, 02 March 2021 02:06:09 GMT',
16 | images: [],
17 | tags: ['Good', 'New'],
18 | community: {
19 | name: 'Test Community',
20 | },
21 | user: {
22 | id: 1,
23 | name: 'testuser',
24 | },
25 | };
26 |
27 | render(
28 |
40 |
42 | Are you sure?
41 |
43 |
54 |
44 | {location.pathname.startsWith('/q') && currentCommunity && (
45 |
62 | );
63 | };
64 |
65 | export default Sidebar;
66 |
--------------------------------------------------------------------------------
/react-app/src/components/EditRetailerRatingForm/EditRetailerRatingForm.js:
--------------------------------------------------------------------------------
1 | import { useState } from 'react';
2 | import { useDispatch, useSelector } from 'react-redux';
3 |
4 | import { session } from '../../store/selectors';
5 | import { updateRetailerRating } from '../../store/retailers';
6 | import { useRetailerRatingContext } from '../../context/RetailerRatingContext';
7 | import FormTitle from '../parts/FormTitle';
8 | import InputField from '../parts/InputField';
9 | import SubmitFormButton from '../parts/SubmitFormButton';
10 | import convertFormErrors from '../../utils/convertFormErrors';
11 |
12 | const EditRetailerRatingForm = ({ setShowEditModal }) => {
13 | const dispatch = useDispatch();
14 | const user = useSelector(session.user());
15 |
16 | const { retailerRating } = useRetailerRatingContext();
17 | const [rating, setRating] = useState(retailerRating.rating);
18 | const [errors, setErrors] = useState([]);
19 |
20 | const updateRating = (e) => {
21 | setRating(e.target.value);
22 | };
23 |
24 | const submitHandler = async (e) => {
25 | e.preventDefault();
26 | const updatedRating = {
27 | rating,
28 | user_id: user.id,
29 | id: retailerRating.id,
30 | };
31 | const retailer = await dispatch(
32 | updateRetailerRating(updatedRating, retailerRating.retailer_id)
33 | );
34 | if (!retailer.errors) {
35 | setShowEditModal(false);
36 | } else {
37 | const newErrors = convertFormErrors(retailer.errors);
38 | setErrors(newErrors);
39 | }
40 | };
41 |
42 | return (
43 |
46 |
49 | )}
50 | {currentCommunity.name}
47 |{currentCommunity.description}
48 |
51 |
60 | Top 5 Communities
52 | {popularCommunities.map((community) => ( 53 |
54 |
55 | {community.name}
56 |
57 |
58 | ))}
59 |
44 |
62 |
63 | );
64 | };
65 |
66 | export default EditRetailerRatingForm;
67 |
--------------------------------------------------------------------------------
/app/models/user.py:
--------------------------------------------------------------------------------
1 | import datetime
2 | from typing import Type, TypeVar
3 |
4 | from flask_login import UserMixin
5 | from werkzeug.security import check_password_hash, generate_password_hash
6 |
7 | from app.models.db import db
8 | from app.models.saved_comment import saved_comments
9 | from app.models.saved_post import saved_posts
10 |
11 | T = TypeVar("T", bound="User")
12 |
13 |
14 | class User(db.Model, UserMixin):
15 | __tablename__ = "users"
16 |
17 | id = db.Column(db.Integer, primary_key=True)
18 | username = db.Column(db.String(40), nullable=False, unique=True)
19 | email = db.Column(db.String(255), nullable=False, unique=True)
20 | hashed_password = db.Column(db.String(255), nullable=False)
21 | created_at = db.Column(db.DateTime, default=datetime.datetime.utcnow)
22 |
23 | posts = db.relationship("Post", back_populates="user")
24 | comments = db.relationship("Comment", back_populates="user")
25 | retailers = db.relationship("Retailer", back_populates="user")
26 | rated_posts = db.relationship("PostRating", back_populates="user")
27 | rated_comments = db.relationship("CommentRating", back_populates="user")
28 | saved_posts = db.relationship("Post", secondary=saved_posts)
29 | saved_comments = db.relationship("Comment", secondary=saved_comments)
30 | meetups = db.relationship("Meetup", back_populates="user")
31 | sent_messages = db.relationship(
32 | "Message", foreign_keys="Message.sender_id", back_populates="sender"
33 | )
34 | received_messages = db.relationship(
35 | "Message", foreign_keys="Message.recipient_id", back_populates="recipient"
36 | )
37 |
38 | @property
39 | def password(self) -> str:
40 | return self.hashed_password
41 |
42 | @password.setter
43 | def password(self, password: str) -> None:
44 | self.hashed_password = generate_password_hash(password)
45 |
46 | def check_password(self, password: str) -> bool:
47 | return check_password_hash(self.password, password)
48 |
49 | def __repr__(self):
50 | return f"
30 |
31 | Rating by{' '}
32 |
38 |
42 |
47 |
48 |
56 |
57 | )}
58 |
59 | );
60 | };
61 |
62 | export default RetailerRating;
63 |
--------------------------------------------------------------------------------
/react-app/src/components/EditCommentForm/EditCommentForm.js:
--------------------------------------------------------------------------------
1 | import { useState, useEffect, useRef } from 'react';
2 | import { useDispatch } from 'react-redux';
3 |
4 | import { updateComment } from '../../store/comments';
5 | import { useCommentContext } from '../../context/CommentContext';
6 | import FormTitle from '../parts/FormTitle';
7 | import SubmitFormButton from '../parts/SubmitFormButton';
8 |
9 | const EditCommentForm = ({ setShowEditModal }) => {
10 | const dispatch = useDispatch();
11 |
12 | const { comment } = useCommentContext();
13 |
14 | const [body, setBody] = useState(comment.body);
15 | const [errors, setErrors] = useState([]);
16 | const textAreaRef = useRef();
17 |
18 | useEffect(() => {
19 | const commentLength = body.length;
20 | textAreaRef.current.focus();
21 | textAreaRef.current.setSelectionRange(commentLength, commentLength);
22 | }, [body.length]);
23 |
24 | const updateBody = (e) => {
25 | setBody(e.target.value);
26 | };
27 |
28 | const submitHandler = async (e) => {
29 | e.preventDefault();
30 | const updatedComment = {
31 | id: comment.id,
32 | body,
33 | user_id: comment.user.id,
34 | };
35 | const post = await dispatch(updateComment(updatedComment));
36 | if (!post.errors) {
37 | setBody('');
38 | setShowEditModal(false);
39 | } else {
40 | setErrors(['A body is required to make a comment.']);
41 | }
42 | };
43 |
44 | return (
45 |
31 | Rating by{' '}
32 |
33 |
34 | {rating.user.username}
35 |
36 |
37 |
38 | {rating.rating}
39 | {rating.user.id === user?.id && ( 40 | <> 41 |
46 |
67 |
68 | );
69 | };
70 |
71 | export default EditCommentForm;
72 |
--------------------------------------------------------------------------------
/react-app/src/components/RetailersContainer/RetailersContainer.js:
--------------------------------------------------------------------------------
1 | import { useState, useEffect } from 'react';
2 | import { useSelector, useDispatch } from 'react-redux';
3 | import { v4 as uuidv4 } from 'uuid';
4 |
5 | import { retailers as retailersSelectors } from '../../store/selectors';
6 | import { getRetailers, getMaxNumberOfRetailers } from '../../store/retailers';
7 | import Retailer from '../Retailer';
8 |
9 | const RetailersContainer = () => {
10 | const dispatch = useDispatch();
11 | const retailers = useSelector(retailersSelectors.all());
12 | const maxRetailers = useSelector(retailersSelectors.max());
13 |
14 | const [page, setPage] = useState(1);
15 | const [currentRetailers, setCurrentRetailers] = useState([]);
16 | const [isLoaded, setIsLoaded] = useState(false);
17 |
18 | useEffect(() => {
19 | window.scrollTo(0, 0);
20 | dispatch(getMaxNumberOfRetailers());
21 | }, [dispatch]);
22 |
23 | useEffect(() => {
24 | if (page * 20 - maxRetailers < 20) {
25 | dispatch(getRetailers(page));
26 | }
27 | }, [dispatch, page, maxRetailers]);
28 |
29 | useEffect(() => {
30 | if (retailers) {
31 | setIsLoaded(true);
32 | setCurrentRetailers(Object.values(retailers));
33 | }
34 | }, [retailers]);
35 |
36 | useEffect(() => {
37 | if (page * 20 > maxRetailers) {
38 | setCurrentRetailers((prev) =>
39 | prev.concat(
40 | Object.values(retailers).slice(0, (page * 20) % maxRetailers)
41 | )
42 | );
43 | }
44 | }, [retailers, maxRetailers, page]);
45 |
46 | useEffect(() => {
47 | const scrollListener = () => {
48 | const scroll =
49 | document.body.scrollTop || document.documentElement.scrollTop;
50 | const height =
51 | document.documentElement.scrollHeight -
52 | document.documentElement.clientHeight;
53 | const scrolled = scroll / height;
54 | if (scrolled > 0.9) {
55 | setPage((prev) => prev + 1);
56 | }
57 | };
58 |
59 | window.addEventListener('scroll', scrollListener);
60 | return () => window.removeEventListener('scroll', scrollListener);
61 | }, [page, maxRetailers, retailers]);
62 |
63 | if (!isLoaded) {
64 | return null;
65 | }
66 |
67 | return (
68 | <>
69 | {currentRetailers.map((retailer) => (
70 |
31 |
32 | {meetup.name}
33 |
34 |
35 | {meetup.description}
36 |37 |
38 | Organized by{' '}
39 |
45 | Scheduled for {new Date(meetup.date).toLocaleString(...options())} in{' '} 46 | {meetup.city}, {meetup.state} 47 |
48 | {user && meetup.user.id === user.id && ( 49 |
50 |
51 |
57 |
58 |
65 |
66 | )}
67 |