davidlindnerjr/2leaf_assessment

2Leaf Assessment

Hello hello! Welcome to my web dev assessment!

Project Description

• The project is built using the React framework with a Firebase backend.
• Styled with plain css.
• Although frowned upon, Bootstrap rows and columns are used to enable a more seemless mobile responsive experience. I thought it would be better to use my time to implement as many features as prescirbed instead of re-learning and brushing up on flexbox. That is something that if time permitted I would go in and refactor to use flexbox.
• Sticky modal and hero carousel are implemented using jQuery. Though this is a React app, I wanted to display some jQuery techniques to display my knowledge in that realm.
• The project is hosted on GitHub and deployed using Firebase.

https://leaf-assessment.web.app/

https://github.com/davidlindnerjr/2leaf_assessment

How to Start Project

• clone repo or download zip file
• run npm start to boot up project
• password for popup modal - password123 (very secure password)

Ideas/Continuation

• Add env file to disclose firebase configs
• bootstrap grid -> css flexbox
• Finish parent portal
• Email verification
• Slide animation that fades in components when scrolling down

Thanks for yout time!

2leaf_assessment's Issues

Mobile Responsive

Set up firebase

Final touchups

Auth that only allows approved users to access parent portal

Mimic basic layout of landing page from figma file

Save email for "Stay Updated" in firebase

Database Test: Add back-end functionality for the "Stay updated" mailing list. Emails should be saved into some kind of database (Mongo DB, MySQL, text file, or other). Bonus points for sending a confirmation email.

JQuery dynamics + Sticky modal that accepts passwords

ReadMe

• What I would continue to add
• How to boot up
• Url