Git Product home page Git Product logo

indigo-back-end's Introduction

Indigo


Date: 05/05/2022

By: Dylan Marvel


DESCRIPTION

Indigo is a new social media app that combines user messaging threads with new polling technology to gauge popularity and facilitate discourse on topics, posts, and ideas. User posts support a wide variety of content including rich text, images, videos, and GIFs. Other users can view content and comment as normal, however instead of a like or dislike, users can choose one of three colors for a reaction; red, blue or indigo. Default parameters allow for red = negative response, blue = positive response, indigo = middle/wildcard, however the post can also specify a use case for each response. In turn, comments can also be voted upon, similar to Upvotes in Reddit. The number/percentage of each response is displayed as a bar underneath the post or comment with relative ratios of each color. Indigo features a mobile-first design and seeks to implement a fun and intuitive UI. Posts and comments will be sorted and searchable as most popular, along with most and least agreed.

 

Technologies

Image

  • JWT Authentication

Mobile Mockup

Image

Instructions for Developers (for local use)

  • Fork and clone this repo

  • Navigate to project folder

    • client folder - install depencenies^ and enter npm run start in terminal
    • server folder - install dependencies^ and enter npm run dev in terminal
  • Open index.html

  • Front-end Dependencies:

    • npm i react-router-dom

*Back-end Dependencies:

  • npm i nodemon
  • npm i morgan
  • npm i express mongoose

Future Updates

  • Submit README.md
  • Check back here for details on when we deploy!

CHECK OUT MORE ON TRELLO

LINK TO ERD

 

Credits

ASSET MOCK-UPS BUILT WITH: GRAVIT

ERD AND COMPONENT HIERARCHY DIAGRAM CREATED WITH: Lucidchart

MERN Stack Image: duckduckgo search

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.