|
1 | | -# Apps-exhibition-webpage |
2 | | -APPS 전시회 웹페이지입니다. |
| 1 | +<div align="center"> |
| 2 | + <h1>Sookmyung APPS Exhibition 2023</h1> |
| 3 | + <p><a href='https://github.com/APPS-sookmyung'>숙명여자대학교 소프트웨어학부 학회 APPS</a> 온라인 전시회</p> |
| 4 | + <img src="./readme_assets/img-mainpage.png" align="center" style="width: 700px" alt="APPS 소개" /> |
| 5 | +</div> |
| 6 | + |
| 7 | +<br /> |
| 8 | + |
| 9 | +## 🗂️ 목차 |
| 10 | + |
| 11 | +1. [**웹 서비스 소개**](#1) |
| 12 | +2. [**기술 스택**](#2) |
| 13 | +3. [**데모 영상**](#3) |
| 14 | +4. [**개발 팀 소개**](#4) |
| 15 | +5. [**개발 기간**](#5) |
| 16 | + |
| 17 | +<br /> |
| 18 | + |
| 19 | +<div id="1"></div> |
| 20 | + |
| 21 | +## 💡 웹 서비스 소개 |
| 22 | + |
| 23 | +숙명여자대학교 소프트웨어학부 학회 APPS의 온라인 전시회 사이트입니다. |
| 24 | +지난 3월부터 열심히 노력하여 15개의 작품을 선보이게 되었습니다. 아래 사이트에서 그 힘찬 결실을 만나보실 수 있습니다. |
| 25 | + |
| 26 | +[**🔗 배포된 웹 서비스로 바로가기 Click !**](https://2023-apps-exhibition-webpage.vercel.app/) 👈 |
| 27 | + |
| 28 | +> 새 창 열기 방법 : CTRL+click (on Windows and Linux) | CMD+click (on MacOS) |
| 29 | +
|
| 30 | +<br /> |
| 31 | + |
| 32 | +<div id="2"></div> |
| 33 | + |
| 34 | +## 🛠 기술 스택 |
| 35 | + |
| 36 | +### **Front-end** |
| 37 | + |
| 38 | +| <img src="https://profilinator.rishav.dev/skills-assets/html5-original-wordmark.svg" alt="HTML5" width="50px" height="50px" /> | <img src="https://profilinator.rishav.dev/skills-assets/css3-original-wordmark.svg" alt="CSS3" width="50px" height="50px" /> | <img src="https://profilinator.rishav.dev/skills-assets/javascript-original.svg" alt="JavaScript" width="50px" height="50px" /> | <img src="https://profilinator.rishav.dev/skills-assets/react-original-wordmark.svg" alt="React.js" width="50px" height="50px" /> | |
| 39 | +| :----------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------: | |
| 40 | +| HTML5 | CSS3 | JavaScript (ES6) | React.js | |
| 41 | + |
| 42 | +### **Back-end** |
| 43 | + |
| 44 | +| <img src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/vercel.svg" alt="Vercel" width="50px" height="50px" /> | |
| 45 | +| :--------------------------------------------------------------------------------------------------------------------: | |
| 46 | +| Vercel | |
| 47 | + |
| 48 | +### **Version Control** |
| 49 | + |
| 50 | +| <img src="https://profilinator.rishav.dev/skills-assets/git-scm-icon.svg" alt="Git" width="50px" height="50px" /> | <img src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/github.svg" alt="GitHub" width="50px" height="50px" /> | |
| 51 | +| :---------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------: | |
| 52 | +| Git | GitHub | |
| 53 | + |
| 54 | +<br /> |
| 55 | + |
| 56 | +<div id="3"></div> |
| 57 | + |
| 58 | +## 🎥 데모 영상 |
| 59 | + |
| 60 | +| APPS 소개 | |
| 61 | +| :--------------------------------------------------------------------------------------------------: | |
| 62 | +| <img src="./readme_assets/gif-about-apps.gif" align="center" style="width: 700px" alt="APPS 소개" /> | |
| 63 | + |
| 64 | +| 프로젝트 소개 | |
| 65 | +| :-----------------------------------------------------------------------------------------------------------------: | |
| 66 | +| <img src="./readme_assets/gif-introduction-projects.gif" align="center" style="width: 700px" alt="프로젝트 소개" /> | |
| 67 | + |
| 68 | +| 프로젝트 상세 페이지 | |
| 69 | +| :----------------------------------------------------------------------------------------------------------------------: | |
| 70 | +| <img src="./readme_assets/gif-project-detail-page.gif" align="center" style="width: 700px" alt="프로젝트 상세 페이지" /> | |
| 71 | + |
| 72 | +<br /> |
| 73 | + |
| 74 | +<div id="4"></div> |
| 75 | + |
| 76 | +## 👪 개발 팀 소개 |
| 77 | + |
| 78 | +<br /> |
| 79 | + |
| 80 | +| 이미지 | 이름 (세부 전공) | 역할 | 개발 내용 | |
| 81 | +| :-------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------: | :-------: | :--------------------------------------------------------------------: | |
| 82 | +| <img src="https://avatars.githubusercontent.com/u/110973127?v=4" alt="경민서 프로필" width="80px"/> | <a href="https://github.com/mxinseo" target="_blank">경민서<br />(소프트웨어융합 22)</a> | Front-end | 메인페이지 내 APPS 소개 섹션 구현 <br /> 메인페이지 내 애니메이션 구현 | |
| 83 | +| <img src="https://avatars.githubusercontent.com/u/128569095?v=4" alt="류미성 프로필" width="80px"/> | <a href="https://github.com/misung-dev" target="_blank">류미성<br /> (컴퓨터과학 21)</a> | Front-end | 메인페이지 내 프로젝트 소개 섹션 구현 <br /> Header & Footer 구현 | |
| 84 | +| <img src="https://avatars.githubusercontent.com/u/102652293?v=4" alt="윤서희 프로필" width="80px"/> | <a href="https://github.com/seohee0925" target="_blank"> 윤서희<br /> (소프트웨어융합 21) </a> | Front-end | 프로젝트 상세 페이지 구현 | |
| 85 | + |
| 86 | +<br /> |
| 87 | + |
| 88 | +<div id="5"></div> |
| 89 | + |
| 90 | +## 📅 개발 기간 |
| 91 | + |
| 92 | +2023년 8월 14일 ~ 2023년 12월 28일 (4개월) |
0 commit comments