dbeattie / fung-tech-challenge

a place to work on the fung-tech-challenge

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

fung-tech-challenge

In meeting the requirements set out for me, I built a front end in React that allows users to register, login, get to a home page and logout. This project is built using the MERN stack (MongoDb and Express for the backend with React and Node on the frontend).

I really enjoyed my this challenge as each time I work with React, I'm able to try out new things and sharpen my skills over-all.

Features I'm proud of

  • using the async await syntax to make calls to the backend.
  • adding error messages that display if fields are incorrect, missing or not matching (in the case of verifying passwords upon registration)
  • using the useContext hook as a reducer.
  • making all the css from scratch!
  • creating a responsive design for mobile use.
  • creating a site that is reasonably secure by using JsonWebtokens, Bcrpyt to hash passwords, and making as few gets and posts of senstive data as possible. There's always more to do with security and I enjoy learning about it and implementing it.
  • though not a requirement, building a MongoDb Express backend that handles verifies and persists data and returns messages to the front end when errors occur.

features that I'd keep working at

  • making the site more secure. When I register a user google sometimes will give me a data breach message. I would like to solve that issue! I also persist a token to local storage out of convience for the user (for persisting login on refreshes, and opening new tabs), but this could potentially expose their data. I'd like to learn more about different security options, but figured I was at a reasonably good place to submit my project.
  • the styling of the page. While I am not a designer by trade, I enjoy making things look appealing, but I see some minor bugs and styling tweeks that I would like to play with more to achieve a more professional and polished look.

The finished result looks like

'Login Page'

'Register Page'

'Sample Error Display'

'Sample Error 2 Display'

'Home Page'

User Story Gif

About

a place to work on the fung-tech-challenge


Languages

Language:JavaScript 79.2%Language:CSS 19.5%Language:HTML 1.3%