For Goodness Cakes

This website application was designed with the idea of taking a bakery, For Goodness Cakes's, Instagram and turning it into a working website. Site allows baker to showcase goods, update an announcement bulletin, receive Calendly consultation appointments, and receive emails of all orders and 'contact me' submissions. Site allows users to browse goods, schedule a consultation, submit an order and email the baker directly from the site.

Project Team

Cathy Moran - Project Leader GitHub
Yulia Penyevskaya - Backend Engineer GitHub
Amit Nema - Frontend/React Engineer GitHub
Lilia Salas - Frontend/React Engineer GitHub
Jason Hargrove - Frontend/CSS Engineer GitHub

Project features:

• A working full-stack application using the MERN stack: Node.js, MongoDB/Mongoose, Express and React
• Multiple models with full CRUD application
• Authorization that includes sign up/login functionality, with encrypted passwords & an authorization flow
• Use of React Router
• Working calendar that allows for scheduling and organization
• Direct interaction with client's Calendaly
• Admin page with access/manipulation features for all orders, 'contact me' submissions, announcement bulletin, and calendar scheduling.

User Stories:

1. Users visit the home page are greeted with a carousel of featured images, a bulletin board with updated information, Calendly link with scheduling options and reviews from baker's Facebook.

2. Users can browse a menu with flavors and pricing, as well as an image gallery with corresponding Instagram links to that product's post.

3. User's can place an order via an order form that is sent directly to baker's email. User can browse a calendar with baker's availability as well as include design ideas and allergies with the order.

4. User can read a snippet about the baker and an FAQ page.

5. User can send a direct email to the baker via the 'Contact Me' form.

Product Management:

Jira board - For Goodness Cakes

Wireframes:

Figma wireframe handoffs from UX team

Technologies Used

React
Node.js
MongoDB
Express

To have emails sent to baker: Create an account on EmailJS. Input template ID, account ID, email services ID and template params.

To import baker's Calednly: Create an account on Calendly. Input personalized Calednly link. Customize form as needed.