Mail_Chimp-Unit-5-Project

Learn by Cloning : Mail_Chimp Project Clone

Tech Stack

• HTML5
• CSS
• JavaScript
• Reactjs
• Express
• MongoDB

• NPM Libraries :

  • Express validator
  • React icons
  • Google Oauth2
  • Axios
  • Express
  • Mongoose
  • React-router-dom
  • passport-google-oauth2
  • bcryptjs
  • cors
  • dotenv
  • jsonwebtoken

Links Related to Blog and Link to run project in a Browser

Mail Chimp Documentation

Mail_Chimp_Blog (read here our experiance)

Project Demo Video Link

Team Members Along with GITHUBS

• Kiran Kumar Medikurthy
• Kalpana Tamatam
• Shantanu Pathak
• Madanakrishnan
• BSL Prasad(UI/UX team)
• Payal Lekhwar(UI/UX team)

Functionality

• Main Functionalities in our projects were :

  • Home page
  • Login/Signup
  • Managing Businesses Mail Listing.
  • Email Marketing & Campaigns.
  • Email Automations.
  • Website Campaigns.

• Main UI/UX Highlights:

  • All colors and Font style and Font size used are same as that of Figma layout.
  • All products have their own images and details (same as of original figma design).
  • All the Product design are made as per Figma design along with UI/UX designer suggestions.

How To Use

• First user come into Home page, He can see option like Sign Up button. User has to signup with his/her email and password in order to enter into our website and User has to Login in to our website.
• When user Logged in to our Webiste, The user can see more option
  • Products
  • Resources
  • Inspiration
  • Pricing
• The user has to select Audience Management from the option and The user has to select Marketing CRM.
• It will be redirected to Marketing Platform, Then user has to select Appropriate Platforms, The preferable user has to select Free Marketing platform, Our Website all the user can send 100 email/day.
• It will be Redirected to Audience page, Here user can import the data of customer or He/she can type mannually.
• User has to Click on the Button called Add Contacts.
• It will redirected to the Test Email Dashboard, Where user can write a proper Email to the Customers.
  • The Email Mainly Contains
    • To
    • From
    • Title
    • Subject
    • Body
• When user Complete the writing the email, User As to Check about the Email Then Click on Send or Continue in order to send the email
• It will Redirect to the Status Track Page, Where user can see about the status of their Email.

Working in Team

Working in a team helps you in numerous ways, But at the same time, It has many caveeats also, So first look at what all help will you get while working in a team.

• More input will be there, Everone in the team has different approaches, So you will get creative ideas
• Teaches conflict resolution skills
• Promotes a wider sense of Ownership
• Increase the interpersonal skills
• Some team member are extremily good at some area
• Project work should be distrubted based on their interest an sensibility One caveat of working in a team that i felt was of major concern:

• Unequal involvment and Participation of different members

"This might delay and drastically affect other component of the website"

Starting with the project

• Frist we have gone throught the design layout given in the form of Figma.
• We have understand the entire flow of given layout with help of UI/UX Designer.
• We have divided the entire layout into smaller components.
• Based on individual team members, Tasks are divided among them.

Thankyou so much for reading the blog.

Some snapshots of how our website looks :

Home page

Menu Page

signup Page

Marketing Platform Page

Welcome to Mail Chimp page

Import Contacts page

Email Template Creation Page

Track the Email Status Page