{"id":18860844,"url":"https://github.com/thecodingmontana/nuxt-gmail-clone","last_synced_at":"2025-04-14T12:30:58.933Z","repository":{"id":171898606,"uuid":"640277619","full_name":"thecodingmontana/nuxt-gmail-clone","owner":"thecodingmontana","description":"G-Mail clone built with NuxtJS, Firebase and TailwindCSS","archived":false,"fork":false,"pushed_at":"2024-01-31T05:17:51.000Z","size":479,"stargazers_count":4,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-28T01:50:23.691Z","etag":null,"topics":["firebase","nuxt3","tailwindcss","vuejs"],"latest_commit_sha":null,"homepage":"https://nuxt-gmail-clone.vercel.app","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/thecodingmontana.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-05-13T15:01:04.000Z","updated_at":"2024-08-11T09:36:06.000Z","dependencies_parsed_at":"2024-11-08T04:29:06.445Z","dependency_job_id":"1cfe6c7a-51d6-4dfd-ab69-c1617e64342d","html_url":"https://github.com/thecodingmontana/nuxt-gmail-clone","commit_stats":null,"previous_names":["devhumblechris/nuxt-gmail-clone","thecodingmontana/nuxt-gmail-clone"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thecodingmontana%2Fnuxt-gmail-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thecodingmontana%2Fnuxt-gmail-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thecodingmontana%2Fnuxt-gmail-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thecodingmontana%2Fnuxt-gmail-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thecodingmontana","download_url":"https://codeload.github.com/thecodingmontana/nuxt-gmail-clone/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248881377,"owners_count":21176843,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["firebase","nuxt3","tailwindcss","vuejs"],"created_at":"2024-11-08T04:26:57.355Z","updated_at":"2025-04-14T12:30:58.204Z","avatar_url":"https://github.com/thecodingmontana.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# Nuxt Gmail Clone\nAuthor: [The Coding Montana](https://the-coding-montana.vercel.app)\n## Introduction\nWelcome to the Gmail Clone project! This web application replicates the core functionalities of Gmail, allowing users to send emails to existing users, star emails, mark emails as important, view sent emails, move emails to the trash, and reply to emails in the inbox. The project is built using Nuxt.js, Tailwind CSS (with Shadcn UI), Cloudinary, Pinia, and Firebase.\n\n## Features\n\n1. `Send Emails`: Compose and send emails to existing users within the system.\n2. `Star Emails`: Mark emails as favorites for quick access.\n3. `Mark as Important`: Flag emails as important for better organization.\n4. `View Sent Mails`: Access a list of sent emails for reference.\n5. `Move to Trash`: Move emails to the trash for later deletion.\n6. `Reply to Emails`: Respond to emails directly from the inbox.\n7. `Dark And Light Mode`: Toggle and enjoy the dark and light mode.\n\n\n\nTechnologies Used\n-----------------\n\n-   `Nuxt.js`: A Vue.js framework for building modern web applications.\n-   `Tailwind CSS (with Shadcn UI)`: A utility-first CSS framework for rapid UI development.\n-   `Cloudinary`: An end-to-end image and video management solution.\n-   `Pinia`: A Vue.js state management library.\n-   `Firebase`: A comprehensive platform for building web and mobile applications.\n\nImages:\n-----------------\n\nLight Mode:\n\n![Nuxt Gmail Clone Light Mode](./public/images/light-mode.png)\n\nDark Mode:\n\n![Nuxt Gmail Clone Dark Mode](./public/images/dark-mode.png)\n\nGetting Started\n---------------\n\n### Prerequisites\n\nMake sure you have Node.js and npm installed on your machine.\n\n### Installation\n\n1.  Clone the repository:\n\n    ```bash\n\tgit clone https://github.com/DevHumbleChris/nuxt-gmail-clone.git\n    ```\n\n2.  Navigate to the project directory:\n\n    ```bash\n    cd nuxt-gmail-clone\n    ```\n\n3.  Install dependencies:\n\n    ```bash\n    npm install\n    ```\n\n### Configuration\n\n1.  Create a `Firebase` project and obtain your `Firebase configuration`.\n2.  Configure Firebase in the project by replacing the placeholder values in `.env` with your Firebase configuration.\n3.  Configure Cloudinary by replacing the placeholder values in `.env` with your Cloudinary configuration.\n\nUsage\n-----\n\n1.  Start the development server:\n\n    ```bash\n    npm run dev\n    ```\n\n2.  Open your browser and visit `http://localhost:3000` to access the Gmail Clone application.\n\nPage Routes\n-----------\n\n-   `/`: Homepage\n-   `/inbox`: Inbox mails\n-   `/inbox/[mailId]`: Selected inbox mail preview\n-   `/starred`: Starred mails\n-   `/starred/[mailId]`: Selected starred mail preview\n-   `/important`: Important mails\n-   `/important/[mailId]`: Selected important mail preview\n-   `/sent`: Sent mails\n-   `/sent/[mailId]`: Selected sent mail preview\n-   `/trashed`: Trashed mails\n-   `/trashed/[mailId]`: Selected trashed mail preview\n\nEnvironment Variables\n---------------------\n\nMake sure to set up the following environment variables in your `.env` file:\n\n```env\nFIREBASE_API_KEY = \"\"\nFIREBASE_AUTH_DOMAIN = \"\"\nFIREBASE_PROJECT_ID = \"\"\nFIREBASE_STORAGE_BUCKET = \"\"\nFIREBASE_MESSAGING_SENDER_ID = \"\"\nFIREBASE_APP_ID = \"\"\n\nCLOUDINARY_CLOUD_NAME = \"\"\nCLOUDINARY_API_KEY = \"\"\nCLOUDINARY_API_SECRET = \"\"\n```\n\nFolder Structure\n----------------\n\nThe project follows a modular folder structure for better organization:\n\n-   `assets`: Static assets like images and fonts.\n-   `components`: Reusable Vue components.\n-   `layouts`: Layout components for the application structure.\n-   `pages`: Vue components representing different pages of the application.\n-   `plugins`: External plugins and configurations.\n-   `store`: State management using Pinia.\n-   `static`: Static files that are directly served.\n\nLicense\n-------\nThis project is licensed under the `MIT` License.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthecodingmontana%2Fnuxt-gmail-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthecodingmontana%2Fnuxt-gmail-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthecodingmontana%2Fnuxt-gmail-clone/lists"}