StaticShield
Password protect any website with a single line of code.
![StaticShield](/static/project/staticshield/og.png)
![Login Page](/static/project/staticshield/login-page.png)
![Logout](/static/project/staticshield/logout.png)
![Framework Agnostic](/static/project/staticshield/frameworks.png)
![Framework Agnostic](/static/project/staticshield/code-snippets.png)
![Documentation for every framework](/static/project/staticshield/docs.png)
![Documentation - Dark mode](/static/project/staticshield/docs-dark.png)
![Block logins](/static/project/staticshield/block-login.png)
![Progressive Web App to manage the site](/static/project/staticshield/pwa.png)
![Automatic Token Expiration](/static/project/staticshield/token-expiration.png)
Highlights
This was my first full stack project that I built for the HarperDB Hashnode Hackathon.
I also used many new technologies for making StaticShield such as Typescript and Auth0
Problem it solves
Password protecting any website is really painful, some of the important features of a password protected website are:
- User will not have to enter the password to view the website again and again
- Rate limiting the login attempts.
- Password should be stored in a secure way and not in plain text
- Blocking the logins to the site temporarily
- Asking the user to enter the password again after a certain time
Blog
Here’s a detailed blog that I wrote which goes through the process of making it