/TiPiOh

πŸ‘€ TiPiOh SNS APP

Primary LanguageJavaScript

TiPiOh! 🌈

πŸ‘‹  TiPiOh SNS μ†Œκ°œ

T.P.O (Time, Place, Occasion) 기반 SNS μ• ν”Œλ¦¬μΌ€μ΄μ…˜
νŠΉμ • μ‹œκ°„, μž₯μ†Œ, μƒν™©μ—μ„œμ˜ λ‚˜μ˜ νŒ¨μ…˜κ³Ό κ°œμ„±μ„ κ³΅μœ ν•  수 μžˆλŠ” μ„œλΉ„μŠ€μž…λ‹ˆλ‹€

TiPiOh


Eva Design System



UI Framework


      


πŸ”  Copyright ©️

이유찬 πŸ§‘β€πŸ’» 졜인제 πŸ§‘β€πŸ’» ν•œμƒμš° πŸ“Έ
@yuchanleeme @injeChoi @sw.oom_photo



βš™οΈ  Installation & build

  1. frontend λ””λ ‰ν† λ¦¬λ‘œ 이동
cd TiPiOh/frontend

  1. config 폴더 생성 (/TiPiOh/frontend/config)
mkdir config

  1. config 폴더 내뢀에 FirebaseConfig.js, GoogleMapApi.js 생성
  • FirebaseConfig.js
module.exports = {
    apiKey: "[Your Firebase SDK value]",
    authDomain: "[Your Firebase SDK value]",
    projectId: "[Your Firebase SDK value]",
    storageBucket: "[Your Firebase SDK value]",
    messagingSenderId: "[Your Firebase SDK value]",
    appId: "[Your Firebase SDK value]",
    measurementId: "[Your Firebase SDK value]",
}
  • GoogleMapApi.js
module.exports = "[Your Google Map Api Key]"

  1. npm μ„€μΉ˜
npm install

  1. expo μ‹€ν–‰
expo start -c



πŸ“± Examples (Android  &  iOS)


βœ… Register, νšŒμ›κ°€μž…


register              Register


βœ… Login, 둜그인


login              Login


βœ… Profile Setting, ν”„λ‘œν•„ μƒνƒœλ©”μ„Έμ§€ μ„€μ •


profile              ProfileMessage


βœ… Upload Image, 이미지 μ—…λ‘œλ“œ ν•˜κΈ°

     λ‹Ήμ—°νžˆ μƒˆλ‘œμš΄ 사진 μ΄¬μ˜ν•΄μ„œ μ—…λ‘œλ“œ ν•˜λŠ” 것도 λ©λ‹ˆλ‹€ 😎


uploadpicture2              UploadImage


βœ… Time, Place, Occasion μ„€μ •ν•˜κΈ°


dateplace              TPO


βœ… Upload Post, ν¬μŠ€νŒ… ν•˜κΈ°


comment              Caption


βœ… Search User & Move to Profile, μ‚¬μš©μž 검색 및 ν”„λ‘œν•„λ‘œ 이동


feedsearch              Search


βœ… Follow, νŒ”λ‘œμš° ν•˜κΈ°


profilefeed              Follow


βœ… Feed, ν”Όλ“œ ν™”λ©΄


FeedExample              Feed


βœ… Like & Comments, μ’‹μ•„μš” & μ½”λ©˜νŠΈ κΈ°λŠ₯


likecomments              LikeComment


βœ… (Only Android) Check Place, Place 클릭 μ‹œ ν•΄λ‹Ή 포슀트의 μœ„μΉ˜ 보여주기


mapcheck




πŸ”—   Reference

Source Code reference by SimCoder