Mobile App 'Wright' Frontend using ReactNative
Training diary services for athletes ππ»ββοΈ
2021 'κ²½ν¬λνκ΅ Startup the dream' λμμ μμνμμ΅λλ€ π
λΉ λ₯΄κ³ κ°νΈνκ² μμ±νλ νλ ¨μΌμ§.
체κ³μ μ΄κ³ ν¨κ³Όμ μΌλ‘ νλ ¨ λ΄μ©, λΆμ, 컨λμ
λμ κ΄λ¦¬ν μ μλλ‘ λμμ£Όλ λͺ¨λ°μΌ μ΄ν리μΌμ΄μ
μ
λλ€.
μ΄ λ ν¬μ§ν 리μλ νλ‘ νΈμλ μ½λκ° λ΄κ²¨μμ΅λλ€.
νλ‘ νΈμλλ μ μ§νμ΄ λ΄λΉνμκ³ κ΄λ¦¬νκ³ μμ΅λλ€.
λ°±μλμ κ΄λ ¨λ λ΄μ©μ μ¬κΈ°μ νμΈν μ μμ΅λλ€: Click Here
Quick and easy way to write trainging report.
Wright is a mobile application that helps manage training, injury, conditioning records in a systematic and effeective manner.
This repository contains all information about frontend code.
Frontend part is made and managed by Jihyoun Jeong.
You can check backend here: Click Here
2017104024 μ λ―Όν jeongmh09@naver.com
2018103062 μ μ§ν jihyoun0602@gmail.com
νλ‘μ νΈμ μ£Όμ κ΅¬μ± μμλ λ€μκ³Ό κ°μ΅λλ€:
Major composition of this project are as followed:
- App
- assets
- fonts
- images
- svg
- components
- conditioning
- AppSelectPane.js
- AppSlider.js
- AppXBar.js
- ConditionCard.js
- ConditionSelect.js
- EmptyCard.js
- FullCondition.js
- FullInjury.js
- InjurySelect.js
- training
- AppCollasibleContent.js
- AppCollapsibleTitle.js
- CollapsibleCard.js
- HeaderProfile.js
- ImageDelete.js
- RoutineItem.js
- AppCalender.js
- AppModal.js
- AppPicker.js
- AppSwiper.js
- CheckButton.js
- Footer.js
- HomePareCard.js
- InjurySVG.js
- ObjectCard.js
- ObjectItems.js
- ProfileInputLine.js
- SocialButton.js
- config
- navigation
- BottomTab.js
- DepthStack.js
- DreamStack.js
- HomeStack.js
- MainStack.js
- ProfileStack.js
- reducer
- modalSlice.js
- postingSlice.js
- userSlice.js +screens
- Auth
- LoginScreen.js
- loginApple.js
- loginKakao.js
- Depth
- ConditioningNoteScreen.js
- ProfileEditScreen.js
- TrainingNoteScreen.js
- WritingScreen.js
- Home
- DreamScreen.js
- HomeScreen.js
- ProfileScreen.js +utils
- api.js
- auth.js
- note.js
- profile.js
- index.js
- store.js
- ios
- android
- package.json
- pakage-lock.json
android ν΄λμλ android project νμΌμ΄ λ΄κ²¨μμ΅λλ€. android appμ build ν λ μ¬μ©ν©λλ€.
android folder contains android project files. It is used when building an android app.
ios ν΄λμλ ios project νμΌμ΄ λ΄κ²¨μμ΅λλ€. ios appμ build ν λ μ¬μ©ν©λλ€.
ios folder contains ios project files. It is used when building an ios app.
applicationμ μ½λκ° bundling λ©λλ€. Bundle this application.
Redux sotre μ 체 μ μ λ³μλ₯Ό λͺ¨μμ κ΄λ¦¬ν©λλ€. Manages all global variables of Redux store.
axios μΈμ€ν΄μ€λ₯Ό μμ±ν api.jsμ΄ μμ΅λλ€. λ‘κ·ΈμΈ,κΈ°λ‘ ,νλ‘ν ννΈμ νμν ν΅μ μ λͺ¨λν νμ¬ κ΄λ¦¬ν©λλ€. Base url μ 보μμ μν΄ νκ²½ λ³μλ‘ κ΄λ¦¬ν©λλ€. api.js that created an axios instance. Defines login, record, and profile axios operations to axios communicate. Base url is managed as an environment variable for security.
μ€ν¬λ¦°μ λͺ¨μλ νμΌμ λλ€. κ° μ€ν¬λ¦°λ€μ μ»΄ν¬λνΈλ€λ‘ μ΄λ£¨μ΄μ Έ μμ΅λλ€. Containing screens. Each screen is made up of components.
Redux κ΄λ ¨ ν¨μλ€μ λͺ¨μλμ νμΌμ λλ€. Createasyncthunkλ₯Ό μ¬μ©νμ¬ λΉλκΈ° μ²λ¦¬λ₯Ό νμκ³ κΈ΄ μ½λλ₯Ό κ°λ¨νκ² μμ±ν μ μμμ΅λλ€. File that collects functions related to Redux. Createasyncthunk for asynchronous processing, and for write long code simply.
μ±μ νλ©΄ μ ν λ° νμ κΈ°λ‘μ μν navagatorλ₯Ό κ΄λ¦¬νλ νμΌμ λλ€. Manages the navagator for app's screen transitions and navigation history.
κΈλ‘λ²μ€νμΌ λ° μ§ν 리μ€νΈ λ±μ λͺ¨μλμ νμΌμ λλ€. Defines globalStyle and manages information for picker list.
κ° μ€ν¬λ¦°μ μ°μ΄λ μ»΄ν¬λνΈλ₯Ό 보κ΄ν νμΌμ λλ€. 컨λμ λ, νΈλ μ΄λ, κ³΅ν΅ μ»΄ν¬λνΈλ‘ μ±κ²©μ΄ λλμ΄μ Έ μμΌλ©° κ° μ»΄ν¬λνΈλ€μ μ¬μ¬μ© κ°λ₯ν©λλ€. Contains the components used for each screen. It is divided into conditioning, training, and common components, and each component is reusable.
μ΄λ―Έμ§μ ν°νΈλ₯Ό 보κ΄νλ νμΌμ λλ€. Stores images and fonts.
npm install
cd ios && pod install
npm run start
npx react-native run-ios / npx react-native run-android
Distributed under the DreamingPodium and Jihyoun Jung.
Jihyoun Jung - jihyoun0602@gmail.com