Giter Site home page Giter Site logo

fishproject's Introduction

[낚당] 웹 프론트 팀 프로젝트

스크린샷 2022-09-07 18 58 53

🐠 프로젝트 소개

낚시인들을 위한 낚시 커뮤니티, 쇼핑몰, 시즌 별 어종 정보, 위치 별 날씨 정보등을 서비스하는 웹사이트를 제작하였습니다.


🕰️ 개발 기간

  • 22.08.16일 - 22.08.26일

🧑‍🤝‍🧑 멤버 구성

  • 팀장 : 최준현 - 프로젝트 전체 구상, 메인 페이지 전체, 월별 정보, 네비, 푸터, 인스타, 페이스북, 챗봇 디자인 운영 제작
  • 팀원1 : 우석우 - 전체 쇼핑몰 페이지 디자인, 장바구니 시스템, 배송 정보, 카테고리 운영 제작
  • 팀원2 : 정지웅 - 전체 커뮤니티 게시판 디자인, 커뮤니티 카테고리별 시스템, 채팅 기능, 광고 운영 제작
  • 팀원3 : 최고은 - 로그인, 회원가입, 미디어 페이지 제작 및 디자인, 위치 별 날씨 정보 운영 제작

💻 기술 스택





🎨 초기 모델링

스크린샷 2022-09-08 18 42 37


🧭 사이트 맵

스크린샷 2022-09-08 18 42 54


📌 본인 구현 기능

🗝 로그인 / 회원가입 페이지

ezgif com-gif-maker (3) (1)

  • 정규표현식을 이용하여 조건에 맞는 이메일 / 비밀번호를 입력받게 하였습니다.

🌞 날씨 위젯

ezgif com-gif-maker (4) (1)

  • OpenWeather에서 제공하는 Open API를 사용해 대표적인 낚시 도시 세곳(태안, 여수, 삼척)의 날씨와 현재위치 날씨까지 나타내도록 하였습니다.

🎬 미디어 페이지

ezgif com-gif-maker (5) (1)

  • tiny slider 라이브러리를 사용해 multi carousel 뷰를 완성하였습니다.

🔗 링크

fishproject's People

Contributors

malbongs avatar cge1023 avatar cualestunombre avatar ungzzi avatar

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.