An open API service indexing awesome lists of open source software.

https://github.com/pycreater/gmail-clone

gmail clone for learning purpose
https://github.com/pycreater/gmail-clone

Last synced: 10 months ago
JSON representation

gmail clone for learning purpose

Awesome Lists containing this project

README

          

# Gmail Clone

Welcome to the Gmail Clone project! This project is a comprehensive email client clone with both backend and frontend components. Follow the instructions below to get started with development and run the project on your local machine.

## Getting Started

### Clone the Repository

First, clone the repository using the following command:

```bash
git clone https://github.com/Pycreater/gmail-clone.git
```

### Set Up the Backend

Navigate to the backend directory:

```bash
cd gmail-clone/backend
```

Install the dependencies:

```bash
yarn install
```

Create a `.env` file in the backend folder:

```bash
cp .env.sample .env
```

Open the newly created `.env` file and add your credentials where necessary.

Start the backend server:

```bash
yarn start
```

### Set Up the Frontend

Navigate to the frontend directory:

```bash
cd ../frontend
```

Install the dependencies:

```bash
npm install
```

Start the frontend server:

```bash
npm run dev
```

Open your browser and visit:

```bash
http://localhost:5173
```

### Pages

Here's an overview of the pages you'll find in the application:

- **Home**: Displays the main dashboard.
- **Inbox**: Shows your list of received emails.
- **Sent**: Lists emails that you have sent.
- **Drafts**: Contains drafts of your emails.
- **Spam**: Shows emails marked as spam.
- **Trash**: Displays emails that have been moved to the trash.

### Contributing

If you would like to contribute to the project, please fork the repository and submit a pull request with your changes. For detailed instructions on how to contribute, please refer to our [CONTRIBUTING.md](./CONTRIBUTING.MD).

### License

This project is licensed under the MIT License - see the [LICENSE](./LICENSE) file for details.

### Contact

If you have any questions or need further assistance, please reach out to us at pratikyadav3949@gmail.com.

![Screenshot (199)](https://github.com/user-attachments/assets/b5d50da2-fa26-4c8e-9206-2da1593de8ca)

![Screenshot (200)](https://github.com/user-attachments/assets/b1950a78-504c-487c-b58e-d2e46d00fa2f)

![Screenshot (201)](https://github.com/user-attachments/assets/560e2c37-f2f9-4818-9c93-1c251855bec7)

![Screenshot (202)](https://github.com/user-attachments/assets/ab602d69-d404-46d8-b6ac-aa9f7b19854a)

![Screenshot (203)](https://github.com/user-attachments/assets/8fbd3812-99ce-417d-a3db-83e70efa5707)

![Screenshot (204)](https://github.com/user-attachments/assets/d9f4723d-7c68-47b8-b9f4-e0c1a4f74f7c)

![Screenshot (205)](https://github.com/user-attachments/assets/e430259d-e17d-4021-b667-dcb5ddf55c2c)

![Screenshot (206)](https://github.com/user-attachments/assets/7d6f98c7-d682-41ef-ae68-988a18ae6a48)

![Screenshot (207)](https://github.com/user-attachments/assets/6bf39591-ceaf-463d-a61e-68029a89be90)