Giter Club home page Giter Club logo

mamomo-client's Introduction

음을 아, MaMoMo

💗💗💗💗💗
HSU 2022 Capstone Project
따뜻한 세상을 위한 통합 기부 플랫폼

🔖 목차

📍 개요

최근 국내 온라인 기부가 증가하고 있는 추세이다. 하지만 기부 캠페인들이 해피빈, 카카오같이가치, 체리 등 많은 사이트에 흩어져 있어 원하는 기부를 찾기 번거롭다. 본 프로젝트는 이를 해결하기 위해 다양한 플랫폼의 기부 글을 크롤링 해 한곳에 모아 볼 수 있는 검색 엔진을 제공한다. 이와 더불어 기부 글 홍보를 효과적으로 할 수 있는 자동 배너 제작 기능과 텍스트 마이닝 기반 기부 추천 기능을 제공하는 통합 기부 플랫폼이다.

🏃 실행 및 설치 방법

  1. Clone the repository
    git clone https://github.com/2E2I/mamomo-client.git
  2. Install NPM packages and run
    $ npm install
    $ yarn start

✨ 핵심 기능

기부 통합 검색 엔진

  • 기부 사이트들에서 크롤링 해 와 Elasticsearch에 인덱싱 합니다.
  • 여러 사이트들을 방문할 필요 없이, 마모모에서 기부 관련 검색이 가능합니다.

배너 생성기

  • 캠페인에서 배너 생성 버튼을 누르거나, 배너제작 페이지로 들어가 배너를 제작할 수 있습니다.
  • 블로그, 기사에 관련 기부를 첨부해 보세요!
  • 자유롭게 커스터마이징이 가능해 기부 관련 컨텐츠가 아니라도 배너를 만들 수 있습니다.
  • 로그인 상태에서 만든 배너는 저장되며, 수정도 가능합니다.

텍스트 분석 기반 기부 추천

  • 텍스트를 삽입하면 주요 단어가 추출됩니다.
  • 그 중요도에 따라 가중치를 부여해 Elasticsearch에서 기부를 검색하고, 반환합니다.
  • 본인의 컨텐츠와 밀접한 기부캠페인을 추천 받을 수 있습니다.

📌 기술 스택

  • Language:Java JavaScript Python
  • Library & Framework: Spring React Spring Data JPA Spring Data Elasticsearch Flask scikit-learn material UI
  • Database: MySQL Elasticsearch
  • Target: Web Browser
  • Tool: IntelliJ VSCode
  • etc: Spring Security Spring REST Docs Figma Notion Slack

시스템 구조도

시스템 구조도 최종

📸 주요 화면

  • 메인화면 메인페이지

  • 회원가입 회원가입

  • 로그인 로그인

  • 검색 검색

  • 검색 결과 검색결과

  • 기부 모아 기부모아

  • 기부 카드 기부카드

  • 배너 모아 배너모아

  • 배너 제작 배너제작

  • 프로필 관리 프로필관리

  • 좋아요한 기부 좋아요한기부

  • 내가 만든 배너 내가만든배너

👩‍👩‍👧‍👦 팀 정보

Front-End Developer Back-End Developer
서석원
서석원

이혜진
이혜진
임서영
임서영
임유선
임유선

mamomo-client's People

Contributors

bobaej1n avatar ssw6750 avatar im-shung 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.