Skip to content

My first major project for the Galvanize Web Development class. This front-end app that allows you to keep track of information regarding the people you meet.

Notifications You must be signed in to change notification settings

Brandoncyu/track-meet

Repository files navigation

track-meet

Introduction

Hello and welcome to TrackMeet! This app was designed to help you keep track of the people you have met over time. If you someone you know you will interact with in the future, you can create a card of his or her name, where you met, when you met, as well as some interesting facts that you can bring up next time you meet!

Getting Started

  1. Fork this depository
  2. Run 'npm install'
  3. Run 'npm run dev' to open project in your browser

How it Works

Create a Card

You can create a card easily. Your first step is to click the menu item on the left that says "Create Card!", outlined below in red. screenshot

This will open up a form where you can fill in a person's first name, last name, the day you met, where you met, as well as some interesting attributes about him or her. screenshot

There are three attribute fields by default, but if you would like to add more, click the add "attribute" button, outlined below in red. screenshot

This will pull up a new attribute box for you to fill in. You can add as many as you'd like. screenshot

Click the "Create" button on the bottom, and your card will render. screenshot

You can add as many cards as you like. It is NOT required for you to fill in EVERY field in the form, you can choose to leave some out. The cards will still render, as shown below. The only thing you need to add is a first name. screenshot

Card Features

Each card has buttons that allows you to update and delete your card. screenshot

When you press "update", all the information will re-render in the "Create" form for you to make edits. In this case, we are changing the name of "New Person" to "First Person" screenshot

Your card will re-render, with its updated information, along with the other cards! screenshot

Search and Sort Your Cards

If you want to search your cards to see if it matches a certain value you have in mind, open the "Search Your Cards" menu item on the left. A new form will open. screenshot

Type in any keyword and press "Search", all cards containing your keyword will render. To re-render all of your cards, click the "Reset" button in your form.

Note: You will NOT be able to update and delete your cards directly after you make your search, hence why the buttons have disappeared. The buttons will re-appear after you reset. screenshot

You can also sort your cards in order of first name, last name, and date of meeting. You can do this by opening the "Sort Your Cards" menu item. Click any of the buttons to make your search. This time, you WILL be able to make updates and delete cards as well! screenshot

About

My first major project for the Galvanize Web Development class. This front-end app that allows you to keep track of information regarding the people you meet.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published