/SSafari

📋 'SSAFY' community site for 'SSAFY' trainees and interested persons

Primary LanguageVue

📔 SSafari


1️⃣ Overview

  • SSAFY 교육생과 SSAFY에 관심 있는 사람들을 위한 커뮤니티 사이트
  • SSAFY를 위한 활발한 생태계를 지향한다는 의미를 담아서 SSafari 라고 서비스 이름을 정했다.
  • Project 기간 : 20.01.13 ~ 20.02.21

2️⃣ Service Introduction

  • 본 프로젝트에서 구현한 것은 지역, 기수, 취업 여부 등에 상관없이 SSAFY 교육생이라면 누구나 참여할 수 있는 활발한 커뮤니티 웹 서비스입니다. 물론 SSAFY 교육생이 아니더라도 관심 있는 사람은 누구든지 들어와서 서비스를 이용할 수 있지만 몇 가지 기능들은 제한됩니다.

  • SSAFY 교육생임을 인증받기 위해서 새로 회원가입한 사람은 본인의 SSAFY 명찰을 업로드하여 관리자의 승인을 받아야 합니다. 관리자는 관리자 대시보드를 통해 싸피 명찰의 진위여부를 확인하고 승인할 수 있습니다.

  • 커뮤니티 서비스인만큼 자유게시판, 취업게시판, 주변 맛집 리뷰 게시판, 코드 리뷰 게시판, 스터디 게시판 등의 기본 게시판을 갖고 있습니다. 기본 게시판 이외에도 사용자는 본인이 형성하고자 하는 커뮤니티에 맞게 게시판을 생성할 수 있고, 이 또한 관리자의 승인 하에 만들 수 있습니다.

  • 각 게시판은 지역별로 구분되고, 검색 기능을 포함하고 있어 손 쉽게 정보에 다가갈 수 있습니다.


3️⃣ Tech Stack & Architecture

architecture

📍 Frontend : Vue.js

📍 Backend : Spring Boot

📍 Database : MySQL

📍 Deploy : Nginx, AWS EC2

📍 ​Using API : Facebook Login API, Kakao Map API, Github API, Imgur API

📍 Development Enviornment : Windows 10, Node.js 10 or higher, Vue CLI 3 or higher

📍 Using Editor : Visual Studio Code


4️⃣ Quick Start

✔️ Requirement

  • Node.js : 10 or higher
  • Vue CLI : 3.0 or higher

✔️ Installation

$ cd ssafy-frontend
$ npm install

✔️ Usage

$ npm run serve

5️⃣ Homepage Configuration

  • 메인화면

main

  • 게시판 리스트

  • github 계정을 연동한 경우 MY PAGE 에서 내 github 계정에 있는 repository 들을 볼 수 있습니다.