GithubHelp home page GithubHelp logo

tanzil748 / apt-talk Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 16.73 MB

A social media application that allows users to interact with each other & discuss everything related to real estate.

Home Page: https://apttalk-demo.netlify.app/

HTML 2.54% JavaScript 96.71% CSS 0.75%

apt-talk's Introduction

Apt-Talk

Note: This is an updated version of apt-talk with a new UI.

AptTalk is a community-oriented application that primarily focuses on real estate. It provides a social media spin to traditional real estate websites, where users can interact and discuss with each other about everything related to real estate. Planning a community event? Need general advice on home decor? Want to see the forum's consensus about certain neighborhoods? AptTalk is an all in one solution!

Tech Stack

Client: React, React Query, Tailwind CSS

Server: Node, Express, PostgreSQL

Demo

Here's a walkthrough of how the app functions:

  • Upon entering application, the forum is shown where all user posts/bookmarks/comments can be seen. User then registers & logs in to their respective account. If successful login, user is authorized to: create a post, bookmark a post, and comment!

  • User creates a post and can bookmark their & others posts. User can also comment on posts! Multer & cloudinary is used to store images in the web.

  • Here's the stored images in cloudinary, in an upload folder!

  • User can only delete their posts. Changes are saved, regardless if user is logged in or out!

Deployment

Clone this repository and install npm packages on both client & server side.

  npm install

Then, to deploy this project run the following on client & server terminal:

  npm start

Database Schema

Users

Property Type Description
id Big Serial id for user account (default field)
userName Varchar(9) username
email Varchar(50) user email
userPassword Varchar(200) user password
profilePic Varchar(500) profile pic (given default value)
createdAt TimeStamp time of account creation (default field)

Posts

Property Type Description
id Big Serial post id (default field)
postContent Text user post content
picture Varchar(300) user post image
postAuthorId Big Int foreign key attached to users "id"

Comments

Property Type Description
id Big Serial comment id (default field)
commentContent Varchar(300) comment text
commentUserId Big Int foreign key attached to users "id"
commentPostId Big Int foreign key attached to posts "id"

Bookmarks

Property Type Description
id Big Serial bookmark id (default field)
bookmark_post_id Big Int foreign key attached to posts "id"
bookmark_user_id Big Int foreign key attached to users "id"

Future Features

In future versions, I plan on implementing a variety of features:

  • Follow/Friend List (unique for each user)
  • Add User Stories
  • Granting user's the ability to edit their own posts, comments & profile
  • User profile will display selected user's posts
  • Integrating social logins (google/github)

apt-talk's People

Contributors

tanzil748 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.