Code Monkey home page Code Monkey logo

happy-here's Introduction

๐Ÿ’ฌ About me

Hey there, I'm Anthony and I'm a Software Engineer. I know HTML, CSS, JavaScript, PostgreSQL, Express, React, Vue, Node, and more, but I'm always looking to learn more about new tools and technologies!

๐ŸŽข Road to SWE

Food Service โžก๏ธ Patient Care Coordinator โžก๏ธ Admissions Consultant โžก๏ธ Software Engineer Intern โžก๏ธ Software Engineer

๐Ÿ‘พ Ongoing Projects

  • Currently working with my local chamber of commerce members, coworking space, and professional network on developing an online community and website (ideation)
  • www.BJJIndex.com
  • My custom Dot NFC card & Linktree copycat

๐Ÿ”ง Technologies

  • Front-end development through HTML, CSS, Bootstrap, Tailwind, Vuetify, Vue, & React
  • Back-end development using Node.js, Express, & PostgreSQL
  • Tools used on projects include npm, Babel, Webpack, Git, GitHub, Argon2, JWT, & multer

๐Ÿ“ My Articles

โšก Fun Facts

  • I lived in Hanoi, Vietnam for 2 years
  • I practice Brazilian Jiu Jitsu & Salsa
  • I've trained muay thai in Thailand

๐Ÿ“ซ Let's Connect

happy-here's People

Contributors

anthonyvngo avatar

Watchers

 avatar

happy-here's Issues

Feature: User can view stored favorited or skipped cities as a list

โš™๏ธ Feature

What capability will users have when this feature is merged?

๐Ÿ“ Functionality

A description of how the application will work from the perspective of the user.

๐Ÿ–ผ๏ธ Wireframes

Wireframe screenshot(s) of what the app should look like when it is complete.

image

image

โœ… Task List

Commit checklist for tasks needed to complete the feature.
  • create alternate view to display a list of favorited & skipped cities
  • set up data model to contain favorited or skipped city
  • ensure no duplicated data can be added
  • ensure that city is in only one category
  • populate favorited & skipped cities display
  • set up local storage to ensure favorites and skips data persists

Feature: User can search for cities

โš™๏ธ Feature

Users will have the capability to begin their search for cities after this feature has been merged

๐Ÿ“ Functionality

While on the main screen or "search" screen, users will be able to initiate the search for city quality of life scores by first starting with the ability to search for cities.

๐Ÿ–ผ๏ธ Wireframes

image

image

โœ… Task List

  • add a search bar for user inputs
  • ensure search function for cities work

Feature: User can view statistics for selected city

โš™๏ธ Feature

Users will have the capability to view quality of life statistics of the searched city

๐Ÿ“ Functionality

After the user begins their search for a city on the main / search page, an alternative view with the city's quality of life score will appear. At this stage, the user will be able to review the stats for the searched city

๐Ÿ–ผ๏ธ Wireframes

image

image

image

โœ… Task List

  • display searched city name
  • create a list to showcase relevant statistics
  • include overall score for the city

Feature: User can store cities into Favorite or Skip lists

โš™๏ธ Feature

User can store cities as favorited or skipped cities by clicking on the corresponding buttons

๐Ÿ“ Functionality

After the user has began the search and reviewed the city scores, they will be able to store the cities to reference later as a favorited or skipped city

๐Ÿ–ผ๏ธ Wireframes

image

image

โœ… Task List

  • create favorite and skip buttons
  • add event handlers to the favorite and skip buttons to store data
  • add event handlers to return to the search page

Feature: User can remove items stored from the favorited or skipped cities list

โš™๏ธ Feature

Users will have the capability to remove items from their favorited or skipped cities lists

๐Ÿ“ Functionality

After the user has made their search, reviewed city scores, and stored cities in either favorited or skipped lists, they will be able to remove unwanted cities from their corresponding lists by double-tapping on the list item

๐Ÿ–ผ๏ธ Wireframes

image

image

โœ… Task List

  • add an event handler to the list items' parent container to remove the corresponding items
  • make sure the data is also removed from the data storage object if any

Clean Up

  • Remove all buttons and placeholders that do not serve the functionality of the feature.
  • Remove all console logs.
  • Remove all commented out code.
  • Remove all CSS properties that have no effect.
  • Check all code for proper formatting and indentation.
  • Confirm that there are no errors in the console while using the application.
  • Confirm that all previous functionality still works without errors.
  • Confirm that the user interface looks natural on both mobile and desktop screens.
  • Create GIFs of the feature being used on both mobile and desktop screen sizes for inclusion in Pull Request.

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.