Giter Site home page Giter Site logo

instagram-project's Introduction

바닐라 JS로 구현한 인스타그램!

🌊 로그인페이지

ID: hello, PW: 123

  1. setInterval로 휴대폰 이미지 무한 로테이션
  2. input창에 커서를 두면 placeholder 텍스트가 위로 올라감
  3. 올바른 아이디와 비밀번호 입력 시에만 로그인 버튼 활성화
  4. 비밀번호 숨기기 또는 표시 기능
  5. 로그인 성공 시 메인 페이지로 이동하기

🧨 메인페이지

  1. 친구리스트 좌우 버튼 클릭 시 슬라이드 넘기기
  2. 게시글 좋아요 (하트 색깔 변경, 좋아요 수 +1)
  3. 게시글 줄임 및 더보기 기능 (line-clamp)
  4. 댓글 작성 및 게시

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.