myBlendology is a responsive web application comprised of a PERN stack (Postgres, Express, React, & NodeJS) that allows you to create diffuser essential oil blends based off of a user's choice of mood. It also has local authentication as a feature.
The home page begins by urging a user to select one of three moods: Calm, Awaken, or Sensual. Each choice will generate three separate carousels divided by level.
- Base oils provide the lasting impression of your blend. These oils are typically heavy and will provide the final note of your blend.
- Middle oils are considered the heart of your blend and will emerge after your top oil has faded. These oils often balance your blend and are typically well-rounded.
- Top oils provide your first impression of your blend. These oils are often described as light and fresh, but tend to fade quickly.
After the user selects one oil from each carousel, they will be provided a calculation of the essential oils needed to create the right balance for their mood blend (via a diffuser).
After the blend has been created, the user has the option to either:
- Share their blend via a modal component that uses MailGun
- Save their blend (bringing them to their user page if logged in or the login page if not logged in)
- Make a new blend, moving them back up to the top of the homepage
The user has the ability to create a local user account via the sign up page as well as return to their user page by logging into the site via the log in page.
The userpage will allow users to see their previously created blends as well as mark their favorite blends. In addition, it has the option to return to the home page to create another blend to add to their user collection.
The FAQ page answers the basic questions any user might have about the functionality of the site from a user experience perspective.
The about us page allows users to see the authors of the site and show our playful side. In addition, the user has the option to contact the authors at hello@myblendology.com (an active email account).
Axios, Radium, React, React-Bootstrap, React-Coverflow, React-Dom, React-Router-Dom, SmoothScroll, Bcrypt, Cookie-Parser, Debug, Dotenv, Express, Express-Session, HBS, HTTP-Errors, Logger, LS, Morgan, Nodemailer, Nodemon, Passport, Passport-Google-OAuth, Passport-Local, Path, PG, React-Router, Sequelize, Sequelize-CLI
This project is licensed under the MIT License.
- Our instructors, Adam Szaruga and Lachlan Haywood, at DigitalCrafts
- Create-React-App Developers at Facebook