https://github.com/chandantech2023/email-ui
A modern Gmail-like web app built with React.js, Redux, Tailwind CSS, Firebase Authentication. It features secure authentication, smooth animations, real-time email management, and a sleek UI. 🚀
https://github.com/chandantech2023/email-ui
firebase-database framer-motion frontened javascript raectjs react-redux tailwindcss
Last synced: about 2 months ago
JSON representation
A modern Gmail-like web app built with React.js, Redux, Tailwind CSS, Firebase Authentication. It features secure authentication, smooth animations, real-time email management, and a sleek UI. 🚀
- Host: GitHub
- URL: https://github.com/chandantech2023/email-ui
- Owner: ChandanTech2023
- Created: 2025-01-13T14:50:08.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-03-05T10:45:48.000Z (over 1 year ago)
- Last Synced: 2025-03-05T11:34:47.666Z (over 1 year ago)
- Topics: firebase-database, framer-motion, frontened, javascript, raectjs, react-redux, tailwindcss
- Language: JavaScript
- Homepage: https://email-ui-91d30.web.app
- Size: 220 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React + Vite
# 📧 Email-UI
A fully functional Gmail app built using **React.js, Redux, Tailwind CSS, Firebase Authentication**. This project replicates core email functionalities offering a smooth and modern user experience.
## ✨ Features
- **User Authentication** 🔐 – Secure login and signup with Google Firebase Authentication.
- **Redux State Management** ⚡ – Efficient handling of email data, UI state, and authentication.
- **Email Management** 📩 – Compose, Send, Receive,Filter and delete emails seamlessly.
- **Smooth Animations with Framer Motion** 🚀 – Enhanced user experience with fluid transitions.
- **Real-time Updates** 🔄 – Instant email data synchronization using Firebase Firestore.
## 🛠️ Tech Stack
- **Frontend**: React.js, Redux, Tailwind CSS, Framer Motion
- **Backend**: Firebase Firestore
- **Authentication**: Firebase Authentication
- **State Management**: Redux Toolkit
## 🚀 Installation & Setup
1. Clone the repository:
```sh
git clone https://github.com/ChandanTech2023/Email-UI.git
cd Email-UI
```
2. Install dependencies:
```sh
npm install
```
3. Start the development server:
```sh
npm run dev
```
## 📷 Screenshots
