This project is a Vue.js application that replicates the user interface of the Google website using the Vuetify framework. Vuetify is a Vue.js material component framework that enables developers to create stylish and responsive applications with ease.
Before you begin, ensure you have the following prerequisites:
- Node.js and npm installed on your machine
- Vue CLI installed globally (
npm install -g @vue/cli)
-
Clone the repository:
git clone https://github.com/abhi-gowda/google-dark-ui-clone-vuetify.git
-
Navigate to the project directory:
cd google-dark-ui-clone-vuetify -
Install dependencies:
npm install
To view the Google UI Clone, run the development server:
npm run serve
Visit http://localhost:3000 in your web browser to see the Google UI Clone in action.
The project structure is organized as follows:
|-- public
|-- src
| |-- assets
| |-- components
| |-- views
| |-- App.vue
| |-- main.js
|-- .gitignore
|-- babel.config.js
|-- package.json
|-- README.md
|-- vue.config.js
- public: Contains static assets and the index.html file.
- src: Contains the main source code.
- assets: Images, styles, and other static assets.
- components: Reusable Vue components.
- views: Vue components for different views or pages.
- App.vue: The root Vue component.
- main.js: Entry point of the application.
- gitignore: Specifies which files and folders to ignore in version control.
- babel.config.js: Babel configuration for transpiling code.
- package.json: Project configuration and dependencies.
- README.md: Documentation file (you're reading it now).
- vue.config.js: Vue CLI configuration.
Contributions are welcome! Feel free to open issues or pull requests to improve the project.
This project is licensed under the MIT License - see the LICENSE file for details.