Git Product home page Git Product logo

camnabada's Introduction

캠나바다(CAM:NABADA)

부제 : 캠핑 나누고 바꾸고 다시쓰자!!

캠핑을 즐기는 사람들을 위한 커뮤니티

mainpage

line

📖 프로젝트 기획 의도 및 배경

요즘 캠핑을 즐기는 사람들이 많은데 캠핑관련해서 서치를 하다보니 이분들이 정보를 공유할 수 있는 곳 즉, 캠핑러만을 위한 온전한 플랫폼이 없다는 것을 알게되었습니다. 그래서 저희 팀은 캠핑장이나 캠핑 물품에 대한 정보도 얻을 수 있고 무엇보다 캠핑을 하다보면 필요한 물품을 놓고 오거나 음식을 인원수 대비 많이 가져오는 경우가 많은데 이를 해결할 수 있는, 음식이나 물품들을 나누고 공유할 수 있는 캠핑 커뮤니티가 있으면 좋겠다는 생각에 이 프로젝트를 기획하게 되었습니다.

line

✨ 프로젝트 소개

캠핑을 좋아하는 사람 혹은 이제 막 시작하려는 사람들을 위한 커뮤니티입니다. 커뮤니티에서 기본적으로 지역별로 필터링해 캠핑장의 정보를 알 수 있고 그에 대한 사용자들의 실제 후기를 확인할 수 있습니다. 그리고 커뮤니티라는 특징에 맞게 게시글을 작성해 캠핑 관련 정보를 질문하거나 답변할 수 있고, 게시글 작성시, 다양한 태그들을 사용해 커뮤니티 페이지에서 사용자들이 원하는 정보를 쉽게 검색할 수 있게 하였습니다. 또한 1대 1 메세지 기능으로 사용자간의 정보 공유와 소통을 할 수 있게 했습니다.

line

🌿 개발 기간 및 팀원

  • 개발 기간 : 2022.01.03 ~ 2022.02.18
  • 개발 인원 : Frontend 2명, Backend 3명
    • FE : 이다예, 김나영
    • BE : 이윤식, 유한욱, 이명원

line

⚒️ 기술 스택

  • Front-end

    React Javascript

  • Back-end

    SpringBoot Gateway

  • DB

    MySQL S3

  • Deploy

    AWS EC2

line

🔖 담당했던 Part

회원가입, 로그인, 게시글 작성, 회원 정보 수정 담당했습니다.

  • 정규표현식을 사용해 회원가입과 로그인의 유효성 검사를 구현하였습니다.

  • 게시글 글 작성 구현시, React-Quill 라이브러리를 적용해서 사용자가 훨씬 쉽고 다양한 방식으로 글을 작성할 수 있게 했습니다. fileReader와 formData로 이미지를 담아 서버로 보낼 수는 있었지만 미리보기까지 구현을 못해서 좀 아쉬웠던 페이지입니다.

  • 회원 정보 수정 페이지

line

✍️ 페이지별 상세 내용 : 바로가기

camnabada's People

Contributors

dev-riley avatar hanuk96 avatar lmw0122 avatar

Watchers

 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.