jsmarsh813 / petprofiletailor Goto Github PK

Home Page: https://pet-profile-tailor.vercel.app

JavaScript 99.39% CSS 0.61%

petprofiletailor's Introduction

Pet Profile Tailor

Inspiration Behind and Introduction to Project:

I worked as an adoption counselor in animal shelters for ~5 years and although pet profiles are vital to catch adopters attention and boost adoption rates, there's only so much creativity a person can have at the crack of dawn. Coffee can only do so much 😛

So I was inspired to create this site which empowers animal lovers to help adoption counselors create impactful, fun, and tailor-fitted adoption profiles! After signing up, users can submit new names and descriptions,save favorites and follow other users. Users can easily search and filter through community submitted names and descriptions.

PPT1-1.webm

PPT1-3.webm

How It's Made:

Next.js, React, Next-Auth, JavaScript, Tailwindcss, CSS, HTML5, MongoDB, Mongoose, Cloudinary, Node Mailer, SendGrid, SWR

##Optimizations:

Potential Future Optimizations:

Add SWR to the profile pages
Although it currently works for keyboard users, I want to improve the accessiblity for screenreaders
Add BYTE, a virtual chat gpt dog that helps people find names or built pet profiles
Add a messaging feature

Lessons Learned

Problem:

When trying to install npm install -D @tailwindcss/forms I kept Getting an error code:

npm ERR! code EWORKSPACESCONFIG npm ERR! workspaces config expects an Array

Result: Tried a few things after googling, but what ended up fixing it was deleting the workspaces in my package.json and redoing the npm install -D @tailwindcss/forms"

Problem: Needed to install multiple packages for a tailwind component

I kept getting "module not found errors" but after installing the modules with npm they worked.

petprofiletailor's People

Contributors

Stargazers

Watchers

petprofiletailor's Issues

Settings page ==> make user enter old password before they can change their password

For security, before user can update their password on the settings page, they should be required to verify their current password.

Special Note: The user should be able to update their name and email without confirming their password, since not every user has a password. Ex: users which sign in with magic email links may not have a password.

CHALLENGE:

Some users don't have passwords but may want to add a password later. Check user in database

If they have a password, give them a form which allows them to enter the current password and change it
if they do not have a password, send them an email link with a token (reuse the reset password option pathway). Once they click the link, they can add a new password

add password recovery feature

Settings page ==> improve security of the email change process

Currently, users can easily change the email if they are signed in. Some users do not have passwords, so passwords can't be used to validate the change.

Suggested pathway:

User types the new email they want to use (validate it has a valid email format)
link sent to new email to confirm change (avoids unintentional typos). Have it valid for only a certain time period
click link to confirm, once user is on the given link, change email in db
3b. add field which stores history of past emails used? this way if a user states their account was stolen, we can confirm the previously used emails? So store old email in the past-emails field?
send message to old email, allowing them to revoke changes for 30 days

FUTURE feature: point system for user, showing different titles depending on points

users can get points for their contributions, such as by adding names.
Over time, they will level up and get different status names shown on their profile ect.