Giter Club home page Giter Club logo

finstagram's Introduction

Finstagram

Project Description

The Instagram that the people deserve. A picture sharing platform with honest reactions for down to earth users who won't shy away from a little constructive criticism. Users can post pictures to which others can react to or comment on.

Project Goals

  • Create a picture sharing platform that is user friendly
  • Include features that provide users with authentic feedback on their posts

Team members

  • 40097242 - Gang Hyun (Jason) Kim - Gahyki
  • 40098297 - Cristian Milatinov - redknight990
  • 40089560 - Teng Zhao - BladeGD
  • 40092922 - Bowen Song - bowsong
  • 21955039 - Joseph D'Onofrio - abroyouknow

Core Features

  • Account system
  • Posting a picture
  • Following a user
  • Leaving comments to a posted picture

Extra Features

  • Language filtering
  • React to a picture
  • Tag other users

Technologies Used

  • VueJS - Font-end interface development.
  • NodeJS - Back-end API development.
  • MySQL - Database software.

Languages Used

  • JavaScript - Back-end API logic, Front-end interface logic.
  • HTML - Front-end interface layout.
  • SCSS - Front-end interface styling.

Task assignment

  • Cristian - Frontend, Backend
  • Teng - Database Design, Backend
  • Joseph - Database Desgin, Backend
  • Jason - API Backend, Frontend
  • Bowen - Frontend

User Stories

  • As a user, I want to be able to sign up, have an account, and login to my account.
  • I want to be able to post a picture with a caption.
  • I want to be able to comment on other users' pictures.
  • I want to be able to follow other users' to mark them as my friends.

Project Link

http://192.168.0.109:8081/
Please email [email protected] if connection timed out.

finstagram's People

Contributors

cmilatinov avatar gahyki avatar bowsong avatar bladegd avatar abroyouknow avatar

Watchers

 avatar

finstagram's Issues

[4 story points] Registration and Login for backend

  • Connect all database columns required for the registration process (firstname, lastname, username, password, email)
  • Remove all white spaces in the inputs
  • Check with the database if username or email already logged
  • Check if every input is in the valid format

[20 story points] As a user, I want to be able to post a picture with a caption.

Database

  • Posts table design linked to users table

API

  • Post a picture route (POST)
  • Get a post info route (GET)

Interface

  • New post page design
  • New post page functionality

Acceptance Criteria

  1. User can navigate to the "Create new post" page.
  2. User can select an image.
  3. User can type in a caption (field is validated with max length) if they choose to.
  4. User can submit the post without errors.
  5. User can see his post on his profile and on the home page.

[7 story points] As a user, I want to be able to sign up and be able to login to my account. (Actual time ~9hrs)

Database

  • Users table design (fields)

API

  • Passport authentication logic (mostly done, need to revise)
  • Register route (POST)
  • Login route (POST)

Interface

  • Login page design
  • Login page functionality
  • Register page design
  • Register page functionality

Acceptance Criteria

  1. Upon first visit user can create an account
  2. User redirected to login page after successful account creation
  3. On subsequent visits user can login to their account
  4. All fields must conform to criteria (no special chars, white spaces, etc)
  5. User must enter correct e-mail/username and password in order to gain access to their account
  6. User is redirected to home page if login successful
  7. User prompted invalid login info if login fails

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.