Giter Club home page Giter Club logo

fe-gotbaggage's Introduction

get-baggage-icon

Need help deciding what to pack for your trip?

This application has prebuilt packing list's for your next adventure.

Table of Contents

Overview

This was a group CapStone project with a combined Front End and Back End team. For the first time students were given the opportunity to work collaboratively in an agile workflow to build an application. The project demonstrates knowledge we've gained throughout Turing as well as exploring new technologies. The Front End and Back End team implemented graphQL for the first time and used circle ci for continuous integration.

  • Demonstrate knowledge you’ve gained throughout Turing
  • Use an agile process to turn well defined requirements into deployed and production ready software
  • Gain experience dividing applications into components and domains of responsibilities to facilitate multi-developer teams. Service oriented architecture concepts and patterns are highly encouraged.
  • Explore and implement new concepts, patterns, or libraries that have not been explicitly taught while at Turing
  • Practice an advanced, professional git workflow including a Pull Request Review
  • Gain experience using continuous integration tools to build and automate the deployment of features
  • Build applications that execute in development, test, CI, and production environments
  • Focus on communication between front-end and back-end teams in order to complete and deploy features that have been outlined by the project spec

Features:

  • As a user I can Create a Trip to view a predetermined list of packing essentials and activity items.
  • As a user I can view a list of created trips.
  • As a user I can view an itemized list of packing essentials and activity items.
  • As a user I can delete items in my item list.
  • As a user I can add items to my item list.

Technologies

JavaScript CSS3 React Cypress Circle CI Miro Apollo-GraphQL React Router

Links

Screenshots

Form View

List View

Phone View

phone-view-homephone-view-formphone-view-list

GETTING STARTED

Installation

This project was bootstrapped with Create React App.

  1. Fork this Repo
  2. Clone it down to your machine
  3. cd into the root of the project directory
  4. Run npm install
  5. To verify that it is setup correctly, run npm start in your terminal to start the local server. This runs the app in the development mode. Open http://localhost:3000 to view it in your browser.
  6. See the section about deployment for more information.
  7. Enter Ctrl + C in your terminal to stop the local server at any time.

Testing

This project was tested with Cypress

  1. cd into this project
  2. Run npm run cypress

Contributors

Hazel Pablo

GitHub Badge LinkedIn Badge

Beth Wilson

GitHub Badge LinkedIn Badge

Alycia Canavan

GitHub Badge LinkedIn Badge

Hunter Monroe

GitHub Badge LinkedIn Badge

Nicole Esquer

GitHub Badge LinkedIn Badge

Nikky Rojas

GitHub Badge LinkedIn Badge

Stephen Fabian

GitHub Badge LinkedIn Badge

(back to top)

Future Directions

  • Extension - Build family member profiles with a login
  • Extension - Add destination with maps API
  • Extension - Edit an item

fe-gotbaggage's People

Contributors

hpablo08 avatar hmonroe2 avatar bethwprojects avatar alyciacan 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.