Skip to content

abanae/The-Social-Petwork

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

The Social Petwork

This project is a social media application for pets! It was designed with humor as the users will be the pet themselves. This app has the ability for a user to register/signup. Once the user is logged in they are directed to the feedpage. On the feedpage the user can see a timeline of other users posts. There the user can like a post from another user. A logged in user can create a new post. They have the ability to update that post as well as delete the post. We first built this project with a REST API and then converted the backend to use GraphQL queries and mutations.

View deployed Heroku app here View presentation slides here

User Story

AS A USER I want to be able to signup/login to a social media app
ONCE logged in I want to be able to add a post
I want the ability to update or delete this post 
I want to be able to see other users post on my timeline

Install

Clone project Run the following line of code in your terminal at the ROOT level to install all the needed packages(make sure you have node.js installed on your machine):

npm i

Start application

Once all the packages have been installed, from the ROOT level of the file structure run the following code in command line :

npm run develop

This application runs on http://localhost:3000/ open url to begin using The Social Petwork. A new user should create a login by registering, then create/update/delete as many posts as wanted.

Built With

  • React
  • Material UI
  • Semantic UI
  • CSS
  • JavaScript
  • Node.js
    • express
    • mongoose
    • bcrypt
    • jsonwebtoken
    • apollo-server-express
    • graphql
    • socket-io

View

Mainpage Messenger

Creator Breakdown:

Credits

Videos we watched to help us build this application:

Lama Dev Video 1 Video 2 Video 3

Free code camp Video

Releases

No releases published

Packages

 
 
 

Languages

  • JavaScript 65.8%
  • CSS 30.4%
  • HTML 3.8%