/teams-app

React app including a user profile summary and projects

Primary LanguageTypeScript

Teams

This is a "read-only" React app that requests data from an API and displays a user profile, a list of projects, and a project summary. Given the time constraint, I decided it would be best to use React because it is the library I am most familiar with.

Teams screenshot

📄 Docs

⚡ Technologies

  • React
  • React Router
  • TypeScript
  • Axios
  • Emotion
  • React Testing Library
  • Jest

✅ Requirements

  1. Please write a little application that authenticates against the development API server with your personal account, and then displays a page with a summary of your user profile
  2. Somewhere in the app, provide a link to the projects you have been added to; when users click the link, display a brief summary of the project however you like

✏️ User stories

  • A user can use an email and password to login into their account
  • A user can view their profile summary
  • A user can click on a link and view their projects
  • A user can click on a project and view the project summary
  • A user can log out of their account

📋 To dos

  • Add CSS reset
  • Create login form
  • Login form validation
  • Login authentication
  • Logout
  • Navigation and routing
  • Mobile navigation
  • Loading indicator
  • Profile page
  • Projects page
  • Project page
  • Tests
  • Add more specific server error messages
  • Do something with the refresh token
  • Truncate the specialist description and add "show more"
  • Loading icon for login