Giter Club home page Giter Club logo

backpacker-redux's Introduction

Ever gone on a holiday or flight and discovered something you thought was packed, never was?

Goals

My goals are to create a web app where you can track bags and belongings, and dive in deeper with a checklist to ensure everything is packed & received.

Technical Stack requirements

This web app should use React and Redux as a minimum.

MVP - Achieved

  1. As a user I want to save my onboard and checked in bags with an itemized list of what's inside - Done
  2. As a user I would like to tick off my items as I go through my bag - Done
  3. Users will prefer a simplistic design where they can add, edit, update or delete bags - Done

Stretch Goals

  1. Ability to edit and delete items within a bag (MVP is edit + delete for bags themselves). EDIT: Delete works but edit doesn't seem like an essential piece of functionality. Will ask some colleagues for their opinion. Decided against Edit. - Done
  2. Login and Database for persistent storage and privacy - Done
  3. Mobile friendly - Done

Reflections

Reflecting at the end of day two. I really enjoyed learning all of the CRUD actions in Redux and saving the state to local storage. Next week I'll aim to incorporate login and database on this application and deploy it to Heroku. I learned a lot from this project and also pitched it to be created during weeks 2 and 3 of bootcamp. Sadly other people didn't seem to bond with the idea of leaving stuff behind on holiday, so I set out to make my idea a reality this weekend. I've conducted user testing with my colleagues and they identified some bugs and difficult to understand button names I didn't notice at the time, which were rectified as a result. This highlighted the importance that user testing has.

Further Reflections

We later learned authentication and that was the last piece of our full stack puzzle. I hurried off to incorporate login, internal API's and database queries into this application. Throughout this process I encountered many issues and worked through them one by one. The quantity of commits made me realise that full stack applications are big projects but also the most rewarding. I'm please with the outcome, both learnings and the product itself. I've introduced the idea to people and they've responded positively. The application is mobile friendly and deployed on Heroku.

Intentions

To put my new learnings to a test as part of my personal revision of Week 6 at Enspiral Dev Academy.

Future Goals

Create and complete the same project using TypeScript

backpacker-redux's People

Contributors

dependabot[bot] avatar leslie-alldridge avatar

Stargazers

 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.