Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/louisxie0830/vue-google-calendar-clone

A Google Calendar clone built with Vue 3, TypeScript, and Vite
https://github.com/louisxie0830/vue-google-calendar-clone

google-calendar pinia typescript vite vue3

Last synced: 7 days ago
JSON representation

A Google Calendar clone built with Vue 3, TypeScript, and Vite

Awesome Lists containing this project

README

        

# Vue Google Calendar Clone

This project is a clone of Google Calendar built with Vue 3, TypeScript, and Vite. It aims to replicate the core functionalities of Google Calendar with a modern web development stack.

## Features

- Event creation, editing, and deletion
- Monthly, weekly, and daily views
- Responsive design
- Integration with Tailwind CSS for styling

## Project Setup

### Prerequisites

- Node.js (version 14.x or higher)
- npm or yarn

### Installation

1. Clone the repository:

```sh
git clone https://github.com/yourusername/vue-google-calendar-clone.git
cd vue-google-calendar-clone
```

2. Install dependencies:

```sh
npm install
# or
yarn install
```

### Running the Development Server

```sh
npm run dev
# or
yarn dev
```

This will start the development server and you can view the application at `http://localhost:3000`.

### Building for Production

```sh
npm run build
# or
yarn build
```

This will create a production-ready build of the application in the `dist` directory.

### Previewing the Production Build

```sh
npm run preview
# or
yarn preview
```

This will start a local server to preview the production build.

## Contributing

Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.