GOOGLE MAIL

This project is clone of Google Mail, built by using React.js, Redux-Toolkit, Context API, Firebase, and Tailwind CSS to provide users with a professional mail services.

Hosted Link

explore

Features

• Responsive Design: We ensure our platform adjusts flawlessly to various screens, promising a smooth and enjoyable user experience across different devices.
• State Management with Redux Toolkit: Redux Toolkit is utilized for efficient state management across the application, providing a streamlined development experience.
• User Authentication: We employ Context API exclusively for authentication-related operations. By default, users are directed to their intended page upon successful login; otherwise, they are redirected to a custom page.
• Inbox: Users can view their received emails, organized chronologically, for efficient email management.
• Starred: Users can mark important emails with a star for easy access and prioritization.
• Archive: Users can archive emails to declutter their inbox while keeping emails accessible for future reference.
• Compose: Users can create and send new emails with a user-friendly email composition interface.
• Additional Features: Additional functionalities such as draft, spam, and email threading are available to enhance user experience and productivity.

Tech Stack

• React.js
• Firebase
• Context API
• Redux-Toolkit
• Tailwind CSS

Screenshots

Inbox mails

Starred mails

Snoozed mails

Sent mails

Draft mails

Important mails

Archived mails

All mails

Spam mails

Trash mails

Single mail view

Login Account

Installation

To run this project locally, follow these steps:

1. Clone the repository: git clone https://github.com/Abhithakur7080/Google-mail-clone
2. Navigate to the project directory: cd Google-mail-clone
3. Install dependencies: npm install or npm i
4. Start the development server: npm run dev

Contributing

Join us in building! Fork our repository, make changes, and submit pull requests. We value community contributions and appreciate your help in improving our project.

Contact

If you have any questions or suggestions regarding this project, feel free to contact us at [email protected].