/pack-it-up-v2-client

pack-it-up-v2-server, an updated version of my NSS frontend capstone project: PackItUp. Where users can track what they pack.

Primary LanguageTypeScript

PackItUpV2

Track what you pack, app.

Users can track what they pack. This is V2 version of PackItUp, my NSS frontend capstone project.

Backend

Build Status

Purpose

I like to keep things simple and organized.

Storage Unit

I also tend to forget where I put things, especially things I don't use often.

I created this app mostly to get familar with Apollo-Client/Server, React-Native, TypeScript, Tailwind, and testing.

Users can use app to track personal inventory.

Features

  • Intuitive and user-friendly mobile design, users can easily create, delete, edit items into collections
  • Catalog assets and details into collections, backend automatically aggregates and updates collection data
  • User can upload images, filter inventory by description, image, name, tags

Run Locally

Prerequisite

Before you being you will need accounts with and api keys from

Setup

Clone projects

  git clone https://github.com/CheoR/pack-it-up-v2-client
  git clone https://github.com/CheoR/pack-it-up-v2-server

Client

Enviroment Variables
  GRAPHQL_HOST=http://192.168.1.65:4000/
Install Dependencies
  cd pack-it-up-v2-client
  yarn install
Start Client
  npx expo start
Run Tests
  yarn testDebug

Server

Enviroment Variables
  ACCESS_TOKEN_DURATION=STRING
  ACCESS_TOKEN_SECRET=STRING
  API=STRING
  CLOUDINARY_API_KEY=STRING
  CLOUDINARY_API_SECRET=STRING
  CLOUDINARY_CLOUD_NAME=STRING
  CLOUDINARY_URL=STRING
  DB_USER=STRING
  DB_PASSWORD=STRING
  DB_NAME=STRING
  DB_CLUSTER=STRING
  DOMAIN=STRING
  JWT_SECRET=STRING
  MONGODB_URI=STRING
  REFRESH_TOKEN_DURATION=STRING
  REFRESH_TOKEN_SECRET=STRING
  SALT=NUMBER
  TEST=STRING
Install Dependencies
  cd pack-it-up-v2-server
  yarn install
Start Server
  yarn dev
Run Tests
  yarn test

Layout

PackItUp-Wireframe-MidFidelity-V2

Stack

Frontend

  • apollo-client
  • Jest
  • react-native
  • react-native-testing-library
  • TypeScript
  • Tailwind | React-Native-Material (different branches)

Backend

  • appollo-server-express
  • bcryptjs
  • MongoDB
  • Mongoose
  • Jest
  • jsonwebtoken
  • TypeScript

🚀 About Me

  • 🔭 I’m currently working on PackItUpV2

  • 🌱 I’m currently learning TypeScirpt, Testing, React Native

  • 👯 I’m looking to collaborate on Mobile projects

  • 🤝 I’m looking for help with Testing my mobile project

  • 💬 Ask me about Tacos and code

  • 📫 How to reach me https://www.linkedin.com/in/cheo-roman/

  • ⚡ Fun fact Ask how I got started coding