https://github.com/trpiano/dropmailcoodeshchallange

This project aims through an interface to enable the use of temporary emails that are provided by the DropMail API, having the functions of receiving emails and reading incoming emails.
https://github.com/trpiano/dropmailcoodeshchallange

apollo-client graphql project-image reactjs styled-components tempmail-api typescript vitejs

Last synced: 20 days ago
JSON representation

This project aims through an interface to enable the use of temporary emails that are provided by the DropMail API, having the functions of receiving emails and reading incoming emails.

• Host: GitHub
• URL: https://github.com/trpiano/dropmailcoodeshchallange
• Owner: trpiano
• License: mit
• Created: 2023-07-22T20:29:34.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-07-27T15:43:39.000Z (over 1 year ago)
• Last Synced: 2024-11-11T23:05:12.945Z (3 months ago)
• Topics: apollo-client, graphql, project-image, reactjs, styled-components, tempmail-api, typescript, vitejs
• Language: TypeScript
• Homepage: https://drop-mail-coodesh-challange.vercel.app
• Size: 197 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 

  
DropMail Challenge by Coodesh













  

    

  

  

  

    

  

  



## About

This project aims through an interface to enable the use of temporary emails that are provided by the DropMail API, having the functions of receiving emails and reading incoming emails.

## Screenshots

 

  



## Technologies

The following tools were used in this project:

- [ReactJS](https://react.dev/)

- [ViteJS](https://vitejs.dev/)

- [TypeScript](https://www.typescriptlang.org/)

- [Styled-Components](https://styled-components.com/)

- [Material-UI](https://mui.com/material-ui/) 

- [GraphQL](https://graphql.org/)

- [Apollo](https://www.apollographql.com/docs/react/)

## APIs

The following APIS were used in thid project:

- [DropMail](https://dropmail.me/api/)

- [CORS Anywhere Heroku](https://cors-anywhere.herokuapp.com/)

## Requirements

Before starting 🏁, you need to have [Git](https://git-scm.com) and [Node](https://nodejs.org/en/) installed.

## Getting Started

```bash

# Clone this project

$ git clone https://github.com/trpiano/DropMailCoodeshChallange

# Access

$ cd DropMailCoodeshChallange

# Install dependencies

$ yarn

# Run the project

$ yarn dev

# The server will initialize in the 

```

⚠️ Access the link below and request temporary access to the CORS Anywhere server as shown in the example image (The application needs this step to work).


- [CORS Anywhere](https://cors-anywhere.herokuapp.com/corsdemo)

 

  



## Environment Variables (.env)

```bash

# Rename the .env.example file like the example below

$ cp .env.example .env.local

# Add your information in the variable

VITE_DROPMAIL_API_URL=

```

Here is an example url: https://cors-anywhere.herokuapp.com/https://dropmail.me/api/graphql/${AUTH_TOKEN}




You can use any unique string of 8 characters or more as ${AUTH_TOKEN} right now, but we will introduce authentication mechanisms later.




This is a challenge by [Coodesh](https://coodesh.com/)




Made by Timoteo Reinheimer Piano

 

Back to top