Coder Social home page Coder Social logo

ikmyeongram's Introduction

익명이그램

image

배포

배포 완료되면 주소를 추가합니다.

Stacks


익명이그램 : B-1조 뉴스피드 프로젝트

2023.04.10 ~ 2023.04.17

익명이들의 수다 공감 공간!
게시글을 작성하고, 댓글을 달며 익명력을 길러보아요! (그래요, 떠드는 겁니다! 히히)

기능

핵심기능

  1. 로그인, 회원 가입

    • 회원가입 기능
    • 로그인 기능
    • 로그아웃 기능
  2. 게시글 CREATE - 게시글 작성 페이지

    • 로그인한 사용자만 가능 : 프론트 - 버튼 숨기기 / 백 - 접근 제한
    • 사진 업로드 가능 : 사진이 없을 경우 Default 사진 표시
  3. 게시글 READ

    • 피드 페이지
      • 게시글 목록 썸네일, 제목, 내용(100자) : 최신 등록 순, 로그인 없이도 볼 수 있게
    • 게시글 상세 페이지
      • 게시글의 제목, 내용, 작성자(닉네임), 등록시각, 수정시각
    • 프로필 페이지
      • 내가 쓴 게시글 모아보기
  4. 게시글 UPDATE

    • 로그인한 사용자이면서 글 작성자일 때만 가능 : 프론트 - 버튼 숨기기 / 백 - 접근 제한
  5. 게시글 DELETE

    • 로그인한 사용자이면서 글 작성자일 때만 가능 : 프론트 - 버튼 숨기기 / 백 - 접근 제한

추가기능

  1. 팔로우,팔로워 기능

    • 팔로우 여부에 따라 팔로우/언팔로우 버튼
    • 프로필 페이지
      • 팔로우 목록, 팔로잉 목록 : 목록에도 사용자마다 팔로우/언팔로우 버튼 구현
  2. 프로필에 사진 업로드 기능

    • 500KB 크기제한
    • 프로필 사진이 없을 경우 Default 사진 표시
  3. 좋아요 기능

    • 게시글 상세 페이지 : 글 하단 하트 버튼 누르면 좋아요, 한 번 더 누르면 좋아요 취소
    • 프로필 페이지
      • 내가 좋아요 누른 게시글 모아보기 (내 프로필일 때만) : 북마크 역할
  4. 댓글 기능

    • 게시글 상세 페이지에서 로그인한 사용자만 댓글 작성 가능
    • 댓글 수정/삭제
      • 작성자일 때만 가능 : 프론트 - 버튼 숨기기 / 백 - 접근 제한

ERD

익명이그램 (1)

API 명세

익명이그램

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.