Project to manage multiple emails at once with lots of customization. You can send and receive emails. Desktop notifications can be modified.

Overview

All Contributors

Technologies Used

  • React
  • Redux
  • Tailwind CSS

Features

  • Admin dashboard
  • User settings and or user dashboard
  • send emails
  • recive emails
  • Connections through other parties ie discord, twitter, facebook etc..

Setup

Windows

git clone https://github.com/MultiEmail/MultiEmail-frontend.git
cd MultiEmail-frontend
yarn install
yarn dev

Linux

git clone https://github.com/MultiEmail/MultiEmail-frontend.git && cd MultiEmail-frontend && yarn install && yarn dev

Docker

For development server (http://localhost:3000)

git clone https://github.com/MultiEmail/MultiEmail-frontend.git
cd MultiEmail-frontend
docker compose --env-file ./.env

Wanna join the team?

Contributing

  • Contributions make the open source community such an amazing place to learn, inspire, and create.
  • Any contributions you make are truly appreciated.
  • Check out our contribution guidelines for more information.

License


This project is Licensed under the MIT License. Please go through the License atleast once before making your contribution.


Contributors ✨

Thanks goes to these wonderful people ❤ :

Ayush Chugh
Ayush Chugh

💻 👀 📆
Kan Halder
Kan Halder

💻 🎨 👀
Karol-Ari
Karol-Ari

💻 ?? 👀
Ayush
Ayush

💻 👀 🧑‍🏫
James
James

💵
shivam vishwakarma
shivam vishwakarma

💻
AndrewDev
AndrewDev

🤔
Samiul Basir Fahim
Samiul Basir Fahim

📖
Kunal Pal
Kunal Pal

💻
Utkrisht Singh Chauhan
Utkrisht Singh Chauhan

💻
Add your contributions

This project follows the all-contributors specification. Contributions of any kind welcome!

Comments
  • feat: added 404 page

    feat: added 404 page

    Description

    I fixed issue #33 and my motivation was that every webiste has a custom 404 page and I wanted to make one myself

    Checklist:

    • [ ] This pull request follow our contribution guidelines
    • [ ] I have performed a self-review of my own code
    • [ ] I have commented my code, particularly in hard-to-understand areas
    • [ ] I have made corresponding changes to the documentation (postman and swagger)
    • [ ] I have written tests for the code
    • [ ] I have updated .env.example file for new .env variables

    What is current behavior?

    Closes #(issue_number)

    What is new behavior?

    Breaking Changes?

    Additional information

    enhancement hacktoberfest-accepted 
    opened by Kunalpal215 16
  • [FEAT] :sparkles: Validation for signup form

    [FEAT] :sparkles: Validation for signup form

    Description

    Need to add validation on signup form for following fields

    • username

      • required
      • should not be shorter than 3 characters
      • should not be longer than 50 characters
    • email

      • required
      • should be a valid email
    • password

      • required
      • minimum length of 6 characters
    • cpassword

      • required
      • minimum length of 6 characters
      • password and cpassword should be same

    Anything else?

    file:- /src/pages/signup/Signup.tsx library:- use zod for validation

    enhancement help wanted hacktoberfest 
    opened by aayushchugh 9
  • [FEAT] :sparkles: Create 404 page

    [FEAT] :sparkles: Create 404 page

    Description

    We need to create a 404 not found page

    Design

    404

    Figma Link -> get the 404 image here (export it as a svg file)

    https://www.figma.com/file/Rs1m6fds2FcKauKOhhqfyz/MultiEmail?node-id=0%3A1

    Anything else?

    No response

    enhancement help wanted hacktoberfest 
    opened by aayushchugh 7
  • Add All contributors bot for github

    Add All contributors bot for github

    Description

    add all contributor's bot so that every developer gets the necessary credits

    Anything else?

    https://allcontributors.org/docs/en/bot/installation

    good first issue help wanted hacktoberfest hacktoberfest-accepted 
    opened by aayushchugh 6
  • fix: replaced favicon with correct logo

    fix: replaced favicon with correct logo

    Description

    added the favicon of multiemail by replacing the redux favicon, generated a favicon of multiemail from favicon generator and replaced it with the redux favicon

    Checklist:

    • [x] This pull request follow our contribution guidelines
    • [x] I have performed a self-review of my own code
    • [x] I have commented my code, particularly in hard-to-understand areas
    • [x] I have made corresponding changes to the documentation (postman and swagger)
    • [x] I have written tests for the code
    • [x] I have updated .env.example file for new .env variables

    What is current behavior?

    186

    Closes #(issue_number)

    What is new behavior?

    issue is solved now the favicon is changed to multi email logo

    Breaking Changes?

    N/A

    Additional information

    N/A

    bug 
    opened by Gauravpawar3102 5
  • feat: Added hover effect on back button in login and signup page

    feat: Added hover effect on back button in login and signup page

    Description

    I have wrapped the back button inside a div to which I have applied the CSS. Used tailwind CSS class names for bg color, border and padding. For the hover effect, I have used a custom class name back-arrow for which the CSS is defined in index.css. I zoomed the arrow and changed the shadow upon hovering.

    Checklist:

    • [x ] This pull request follow our contribution guidelines
    • [ x] I have performed a self-review of my own code
    • [x ] I have commented my code, particularly in hard-to-understand areas
    • [x ] I have made corresponding changes to the documentation (postman and swagger)
    • [ x] I have written tests for the code
    • [ x] I have updated .env.example file for new .env variables

    What is current behavior?

    #54

    Closes #54

    What is new behavior?

    3792ed57-0c2b-44b2-a99a-fcecbfe331de.webm

    Breaking Changes?

    There are no breaking changes

    Additional information

    You can also shift the button left or right using the transform translate.

    .back-arrow:hover {
      transform: translate(5px, 0px) scale(1.3);
      box-shadow: 4px 4px 15px 1px;
    }
    
    enhancement hacktoberfest-accepted 
    opened by debopriyadey 5
  • [UPDATE] issue template config to enable support for blank issues

    [UPDATE] issue template config to enable support for blank issues

    Description

    Updated the issue template config to enable support for creating blank issues.

    Checklist:

    • [x] This pull request follow our contribution guidelines
    • [x] I have performed a self-review of my own code
    • [ ] ~~I have commented my code, particularly in hard-to-understand areas~~
    • [ ] ~~I have made corresponding changes to the documentation (postman and swagger)~~
    • [ ] ~~I have written tests for the code~~
    • [ ] ~~I have updated .env.example file for new .env variables~~

    Note: strikethrough checkpoints are considered irrelevant to this PR.

    What is current behavior?

    Closes #35

    What is new behavior?

    Contributors will be able to create new issues without choosing an existing template (i.e. blank issues).

    Breaking Changes?

    This PR does not introduces any breaking changes.

    Additional information

    GitHub docs containing info related to enable blank issues

    hacktoberfest-accepted 
    opened by koq-utx 5
  • [FEAT] :sparkles: Setup Docker

    [FEAT] :sparkles: Setup Docker

    Description

    we need to configure docker for this application

    • [ ] setup docker
    • [ ] update readme and mention all the steps on how to use docker for the project

    Anything else?

    take reference for reamde from backend repo

    enhancement help wanted hacktoberfest 
    opened by aayushchugh 5
  • fix: Issue #47, #67, #66

    fix: Issue #47, #67, #66

    Description

    Changelog:

    • UI is functional Now. Signup, Login, Verification works now if the backend is running and SMTP is setup.
    • Addded Verification Page (Can only be accessed if the k is provided)
    • Added a Tooltip, Which can inform you about the status of your actions. Ex: While Signing Up, Logging In Etc.
    • Made some changes's to the UI (Design Wise) to make it look more modern modifying Kan's design.
    • Valdiation works's everywhere.
    • Added Responsiveness i.e. Smartphone/Mobile UI.
    • Removed some original component's that were cluttering up UI & were sort of unecessary.
    • Added suitable (project related) menu option's and also a mobile hamburger menu.
    • Added animations and effects.

    Note: The UI's/Design aren't perfect but change's will be made from time to time. Screenshots Are Below: You can run the branch via npm start and look at the branch yourself.

    Regarding Colors: The color's in screenshot are monitor-dependent hence screenshot's are really bad way to experience it. To get a better view. Please, Run The Frontend.

    Checklist:

    • [x] This pull request follow our contribution guidelines
    • [x] I have performed a self-review of my own code
    • [x] I have commented my code, particularly in hard-to-understand areas
    • [ ] I have made corresponding changes to the documentation (postman and swagger)
    • [ ] I have written tests for the code
    • [ ] I have updated .env.example file for new .env variables

    Closes #47 #67 #66

    Screenshots (Lg Devices i.e. Desktop)

    • / image

    • '/login

    Note: The red border is due to validation.

    image

    • /signup

    Note: The red border is due to validation.

    image

    • /verify (without key) image

    • /verify (with key)

    Note: The Verification code is automatically picked up. All you need to do is click verify. image

    Screenshots (Sm Devices i.e. Smartphones)

    • / (menu closed) image

    • / (menu open) image

    • '/login

    Note: The red border is due to validation.

    image

    • /signup

    Note: The red border is due to validation. I'm aware of this (temrs and condition bug, I'll fix it in some later PR)

    image

    • /verify (without key) image

    • /verify (with key) image

    hacktoberfest-accepted 
    opened by is-it-ayush 4
  • [FEAT] :sparkles: User can login wiith either `username` or `email`

    [FEAT] :sparkles: User can login wiith either `username` or `email`

    Description

    Update the input on login page to let user login with email or username

    we can add regex validation on the input value and if it contains an @ than it's email otherwise it's username

    Anything else?

    Wait for #91 to merge and then start working on it

    enhancement help wanted hacktoberfest 
    opened by aayushchugh 3
  • feat: Added the /verify page UI

    feat: Added the /verify page UI

    Description

    I have added the /verify page UI with some comment's.

    Checklist:

    • [x] This pull request follow our contribution guidelines
    • [x] I have performed a self-review of my own code
    • [x] I have commented my code, particularly in hard-to-understand areas
    • [ ] I have made corresponding changes to the documentation (postman and swagger)
    • [ ] I have written tests for the code
    • [ ] I have updated .env.example file for new .env variables

    Closes #47

    Screenshots

    • Screen's Above 1024px image
    • Screen's Below 1024px image
    hacktoberfest-accepted implemented 
    opened by is-it-ayush 3
  • fix(deps): update dependency framer-motion to v8.3.0

    fix(deps): update dependency framer-motion to v8.3.0

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | framer-motion | 8.2.4 -> 8.3.0 | age | adoption | passing | confidence |


    Release Notes

    framer/motion

    v8.3.0

    Compare Source

    Added
    • motion components can accept a MotionValue as children.

    Configuration

    📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    ♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by Mend Renovate. View repository job log here.

    opened by renovate[bot] 0
  • [BUG] :bug: verify account page not working

    [BUG] :bug: verify account page not working

    Current Behaviour

    After signing up and getting verify account email, when we click on verify account it opens the website but it's showing 404 page

    image

    image

    Expected Behaviour

    instead of 404 page it should open a form to verify account

    Steps To Reproduce

    1. signup and create new account
    2. click on verify my account in your email that you received for verification
    3. you will see 404 page

    Anything else?

    No response

    bug 
    opened by aayushchugh 0
  • [REFACTOR] :recycle: Migration to Nextjs for Landing in a different repo.

    [REFACTOR] :recycle: Migration to Nextjs for Landing in a different repo.

    Description

    Here's a suggestion,

    How?

    We can transfer the landing page to a different repo and refactor it to Nextjs (which won't be much of an issue as it's still in it's really early days) while leaving the rest as is.

    Why?

    User's don't actually need the landing page with the main mailing app combined. The one's who want to run the app can separately download the latest build from release's for the client and the server whereas landing page is something we need for multimail.us domain not for the whole mailing app itself.

    Integration:

    Later we can, assign the app on the app subdomain such that the main URL become's app.multiemail.us for the app itself & The landing page will be available via multiemail.us.

    Proposed Arch:

    Untitled-2022-10-15-1834

    Feedback appreciated.

    tldr; Seperate out Landing Page's from Mailing App. Refactor it to NextJs in a different repo. The main mailing app can stay here and be worked on. Reason's for such are SEO and distinction.

    enhancement refactor 
    opened by is-it-ayush 2
  • [TEST] :test_tube: Setup GitHub actions to run tests on every PR

    [TEST] :test_tube: Setup GitHub actions to run tests on every PR

    Description

    we need to run tests on frontend on every PR using Jest, RTL and MSW

    Documentation

    JEST - https://testing-library.com/docs/ MSW - https://mswjs.io/

    Anything else?

    No response

    opened by KanLSK 0
  • Dependency Dashboard

    Dependency Dashboard

    This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

    Open

    These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

    Detected dependencies

    docker-compose
    docker-compose.yml
    dockerfile
    Dockerfile
    npm
    package.json
    • @formkit/auto-animate 1.0.0-beta.5
    • @heroicons/react 2.0.13
    • @reduxjs/toolkit 1.9.1
    • axios 1.2.2
    • formik 2.2.9
    • framer-motion 8.2.4
    • query-string 8.1.0
    • react 18.2.0
    • react-dom 18.2.0
    • react-icons 4.7.1
    • react-redux 8.0.5
    • react-router-dom 6.6.1
    • web-vitals 3.1.0
    • yup 0.32.11
    • @testing-library/jest-dom 5.16.5
    • @testing-library/react 13.4.0
    • @testing-library/user-event 14.4.3
    • typedoc 0.23.24
    • typescript 4.9.4
    • @types/jest 29.2.5
    • @types/node 18.11.18
    • @types/react 18.0.26
    • @types/react-dom 18.0.10
    • @commitlint/cli 17.4.0
    • @commitlint/config-conventional 17.4.0
    • @types/axios 0.14.0
    • all-contributors-cli 6.24.0
    • commitlint 17.4.0
    • husky 8.0.3
    • react-scripts 5.0.1
    • tailwindcss 3.2.4

    • [ ] Check this box to trigger a request for Renovate to run again on this repository
    opened by renovate[bot] 0
Owner
Multi Email
Project to manage multiple emails at once with lots of customization. You can send and receive emails. Desktop notifications can be modified.
Multi Email
This is a bot for Telegram that can be used to receive webhook notifications from Gitlab. It is built with the Next.js API.

Telegram Bot for Gitlab Webhook ?? Note This project is still in development. Just relax ?? This is a bot for Telegram that can be used to receive web

M. Zakiyuddin Munziri 2 Oct 22, 2022
The leaderboard website displays scores submitted by different players. It also allows you to send and receive data from API. Build with JavaScript, CSS and HTML.

Leadboard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved using

Fatima Ezzahra elmenoun 4 Jan 31, 2022
Subscribe to rss feeds from anywhere, receive notifications from anywhere.

INK RSS 管理订阅,接收通知 示例网页 · 示例群组 · 报告Bug 介绍 特点 项目背景 TODO 注意事项 部署 额外附赠 使用建议 调查 贡献 作者 协议 介绍 INK RSS 提供及时且多样的 rss 通知服务,借助现有的接口你可以在任意位置订阅,并使用任意方式接收通知,并且所有服务均

null 253 Dec 28, 2022
This branch is created to make receive and send data to api using async and await methods

Microverse-Leader-Board Project from module 2 week 4 This branch is created to make receive and send data to api using async and await methods Screens

Akshitha Reddy 6 Apr 22, 2022
jQuery plugin to show a tabs bar for navigation. The tabs can be defined once, and shared across multiple HTML pages.

jquery.simpletabs v1.2.3 The jquery.simpletabs plugin shows a tabs bar for navigation. The tabs can be defined once, and shared across multiple HTML p

Peter Thoeny 1 Feb 23, 2022
🚀 A web extension starter built with React, Typescript, and Tailwind CSS. Build once, and run on multiple browsers: Google Chrome, Mozilla Firefox, Microsoft Edge, Brave, and Opera..

Web Extension Starter A web extension starter, built with React, Typescript, and Tailwind CSS. Build once, and run on multiple browsers: Google Chrome

BCIT Design & Development Club (BCIT-DDC) 28 Dec 28, 2022
Apply IPO From Multiple Meroshare Accounts at Once.

⚙️ HamroShare : Batch IPO Applier HamroShare is a minimal web-application that lets you apply for IPOs from multiple meroshare accounts at once. Note:

Dinesh Tiwari 7 Nov 15, 2022
A starter and demo project for Keycloakify v6 - Component level customization.

A starter/demo project for Keycloakify ⚠️ Please read the two following notices ⚠️ This starter is for Component-level customization, if you only want

Joseph Garrone 12 Dec 26, 2022
A Jquery plugin that allows user to enter multiple emails using one input field

multi-emails A Jquery plugin that allows user to enter multiple emails using one input field Usage $("...").multiEmails() Options color textColor font

null 1 Aug 26, 2022
🪨 A simple obsidian plugin that links all modified files meeting certain criteria to a daily note

Obsidian List Modified This plugin lists all modified files meeting certain criteria to a daily note. Why? As of now, dataview queries cannot be "froz

Francis Kafieh 51 Dec 7, 2022
Hashlips NFT Mint Dapp modified by fazelpejmanfar (Compatible with ERC721A)

Welcome to HashLips ?? All the code in these repos was created and explained by HashLips on the main YouTube channel. Edited By Fazel Pejmanfar and co

Fazel Pejamanfar 27 Nov 30, 2022
A modified version of Yomichan that works with Russian.

yomichan-ru A modified version of Yomichan that works with Russian. Examples: Instructions (firefox) Download the repository, clone it, whatever. Down

null 4 Nov 19, 2022
An obsidian toolbar plugin, modified from the Cmenu plugin

obsidian-editing-toolbar Plugin Thanks to the cmenu plugin, which gave me a lot of inspiration, but this plugin has not been maintained for more than

null 321 Dec 29, 2022
This app helps manage a bookstore. It comes in handy when you need to manage a personal book store or library. Entirely built on es6.

Awesome Books A Microverse project on learnong javascript. Additional description about the project and its features. Built With HTML5 CSS3 Javascript

Atugonza ( Billions ) Joel 13 Apr 22, 2022
This provides an extension integration with Docker Desktop to run k9s quickly and easily through the Docker Desktop interface.

k9s extension for Docker Desktop This provides an extension integration with Docker Desktop to allow k9s quickly and easily through the Docker Desktop

James Spurin 14 Dec 16, 2022
To-Do list a web app for tracking personal progress through the day. Users can input a list of tasks and mark them as completed once they are done. Built with JavaScript and Webpack

To-do-List-Project To Do List Project Description. This project creates a simple HTML list of To Do tasks. It was built using webpack and served by a

Olawale Olapetan 7 Jul 8, 2022
A collaborative project to parody the once exceedingly popular video game Cloud from ThatGameCompany.

A collaborative project to parody the once exceedingly popular video game Cloud from ThatGameCompany.

Yuuki Sora 3 Mar 5, 2022
Desktop App for mdSilo: Tiny Knowledge silo on your desktop.

mdSilo A mind silo for storing ideas, thought, knowledge with a powerful writing tool. built with React and Tauri. Demo Discord This is desktop app, a

D.Loh 203 Dec 27, 2022
VanillaSelectBox - A dropdown menu with lots of features that takes a select tag and transforms it into a single or multi-select menu with 1 or 2 levels

vanillaSelectBox v1.0.0 vanillaSelectBox : v1.00 : Adding a package.json file New : Possibility to change the dropdown tree and change the remote sear

philippe MEYER 103 Dec 16, 2022