Coder Social home page Coder Social logo

tipioh's Introduction

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

tipioh's People

Contributors

injechoi avatar yuchanleeme avatar

Watchers

James Cloos 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.