GithubHelp home page GithubHelp logo

full-stack-review's Introduction

Simple Social

MVP

  • Login functionality
  • Post posts
  • Delete/edit posts
  • Control the view based on authorization

Icebox

  • Delete account
  • Play music
  • Customize background
  • Datamine customers
  • Fave Five List

Database

User

CREATE TABLE users (
  user_id SERIAL PRIMARY KEY,
  email VARCHAR(100),
  password TEXT
);

Post

CREATE TABLE posts (
  post_id SERIAL PRIMARY KEY,
  user_id INT REFERENCES users(user_id),
  content VARCHAR(255),
  created_at TIMESTAMP DEFAULT now()
);

Server

Dependencies

  • express
  • express-session
  • massive
  • dotenv
  • bcrypt

Endpoints

Auth
  • app.post('/auth/login')
  • app.post('/auth/register')
  • app.delete('/auth/logout')
  • app.get('/auth/user')
Post
  • app.get('/api/posts')
  • app.post('/api/post')
  • app.put('/api/posts/:post_id')
  • app.delete('/api/posts/:post_id')

Client

Dependencies

  • axios
  • react-router-dom
  • redux
  • react-redux
  • redux-promise-middleware

Routes

  • Landing /
  • Register /register
  • Dashboard /dashboard
  • Profile /profile

File Structure

  • src/
    • App.js
    • App.css
    • index.js
    • reset.css
    • redux/
      • store
      • reducer
    • components/
      • Landing.js / .css
      • Register.js /.css
      • Dashboard.js / .css
      • Profile.js / .css
      • PostContainer.js / .css
      • Post.js / .css
      • Edit.js / .css
      • Header.js / .css
      • AuthHeader.js /.css

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.