fadl285 / vmail-inbox

VMail is a Simple Mail View with Vue.js

VMail-Inbox

VMail-Inbox is a Gmail clone built using Vue 3 and JSON-server to serve the db.json file. This project is a part of the Vue Mastery course, where you can learn about the new concepts in Vue 3 such as Composition API, Reactivity System, and Suspense Component.

Features

• Check email
• Mark email as read or archived
• Navigation using keyboard shortcuts
• Perform bulk actions

Tools and Packages

• Vue 3
• JSON-server
• Axios
• marked

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar), or use WebStorm

Customize configuration

See Vite Configuration Reference.

Project Setup

Clone the repo

git clone https://github.com/FADL285/VMail-Inbox.git

Install dependencies

npm install

Run json-server to serve data from db.json

Note: You need to have json-server installed globally

json-server --watch db.json

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint

Contributing

If you have any suggestions or bug fixes, please feel free to create a pull request.

License

This project is licensed under the MIT License.