jeffkersting / blocktracker

A crypto tracking app

Front-end web developer with a love of problem solving and an analytical approach to challenges. I love working through projects in a team setting, allowing for synergies and a free exchange of ideas. I am dedicated to a lifelong pursuit of knowledge, both professional and personal. I believe that software engineering is a process of continuous improvement, and strive to deliver the highest quality code in any circumstance. I also believe that communication is key. In order to write code effectively both individually and in a group setting, the ability to clearly and concisely convey your thought process during and after the project is critical.

blocktracker's Issues

Setup login page

• Create controlled form with username and password inputs
• Form includes type checking
• Should allow users to create new account
• Upon login, user taken to dashboard page

Local Storage

• add functionality to add new users to local storage
• add functionality to retrieve saved users from local storage
• add error checking to check if username is already taken when creating a new user
• add error checking to check if password is entered correctly when logging in as existing user
• add functionality to add/remove coins from locally saved favorites data
• ensure proper display of saved favorites
• proper re-render of page upon favoriting a coin

User Story

As a user, I should be able to:

• Visit the main site and be prompted to either login, or create an account.
• After logging in, I should be taken to a dashboard page that displays crypto currencies.
• If I have favorited any coins, I should see them appear in a favorites section.
• When I click the Watch button, the coin should be displayed in my favorites section, and no longer be shown in all coins section.
• When I click the Unwatch button on a favorited coin, the coin should be removed from my watchlist and moved to all coins display.
• When I click the back button OR 'logout' from the dashboard, I should be logged out and taken back to the login page.
• If I revisit the site, my favorited coins should still be displayed after leaving.

Widget Display Component

• Add a display component to wrap coin widgets.
• Use grid display, with auto-fill for responsiveness.
• Make reusable for favorited coins and all coins.

Styling

• Proper implementation of Sass partials
• Responsive design
• Use of sass variables

Router Bug

• Update router to handle back button correctly
• Bug fix does not manipulate history object
• Refresh button returns users to login page

Setup

• Remove extra code from react file
• Add appropriate titles and descriptions
• Create file structure
• Add sass dependency and create partial files in related folders

Header

• Header allows users to logoff
• Header uses conditional rendering to show logged in functionality only when user is on dashboard page

README

README includes the following

• abstract of project
• setup instructions
• gifs/descriptions of app in use
• challenges presented
• wins/losses
• technologies used

Cypress Testing

• Test login page
• Test dashboard page
• Implement full end-to-end testing
• Consideration of sad path testing
• Proper use of fixtures/intercepts

App setup

• Setup app with context and reducer function
• Create context folder
• Create/setup context file
• Create routes (login page will be default home page)