Email Inbox Clone

Welcome to the Email Inbox Clone project! This README provides an overview of the project's setup and usage.

• Live Version of Email Inbox Clone

📚 Project Description

Email Inbox Clone is a web application that simulates an email inbox interface. It allows users to view and interact with their emails, mark them as read, and archive them.

💡 Technologies Used

The Email Inbox Clone project is built using the following technologies:

• Vue 3: A progressive JavaScript framework for building user interfaces.
• Nuxt 3: A modern web framework for building server-side rendered (SSR) and static websites using Vue.js.
• Pinia: A state management system for Vue 3 applications.
• GitHub Pages: Used for deploying and hosting the project.

Feel free to explore these technologies further to learn more about how they were utilized in this project.

🚀 Getting Started

To get started with the project, follow these steps:

1. Install the project dependencies:

npm install
# or
yarn install
Start the development server:
bash
Copy code
npm run dev
# or
yarn dev
Build the application for production:
bash
Copy code
npm run build
# or
yarn build
Preview the production build locally:
bash
Copy code
npm run preview
# or
yarn preview
For more information on deployment, check out the deployment documentation.

🎨 Figma Design The project design has been implemented based on this Figma design. You can view the design on Figma using the following link:

• Figma Design for Email Inbox Clone

🔑 License This project is licensed under the MIT License. Feel free to use, modify, and distribute it as per the terms of the license.

📬 Contact me For inquiries or support, you can reach out at marouane.bazghifan@gmail.com.

Connect with me:

• Personal Website
• LinkedIn

Happy coding! 🚀

Nuxt 3 Minimal Starter

Look at the Nuxt 3 documentation to learn more.

Setup

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

Check out the deployment documentation for more information.