/vue-shop

This is the repository for the VueShop project, an e-commerce application developed with Vue.js. VueShop utilizes various technologies, such as axios, https://fakestoreapi.com, sass, Vue, Vuex, and Vue Router, to create an easy and intuitive online shopping experience.

Primary LanguageVue

VueShop

This is the repository for the VueShop project, an e-commerce application developed with Vue.js. VueShop utilizes various technologies, such as axios, https://fakestoreapi.com, sass, Vue, Vuex, and Vue Router, to create an easy and intuitive online shopping experience.

Features

VueShop has the following features:

  • Product Display: Users can browse and view a wide variety of available products.
  • Shopping Cart: Users can add products to the shopping cart and manage their selections.
  • State Management: Vuex is used to manage the global state of the application, ensuring a consistent user experience.

Technologies Used

VueShop utilizes the following core technologies:

  • Vue.js: A progressive framework for building interactive user interfaces.
  • Vuex: A state management library for Vue.js, enabling data sharing between components.
  • Vue Router: An official router for navigation in Vue.js single-page applications (SPAs).
  • axios: A Promises-based HTTP client used to make requests to the backend API.
  • https://fakestoreapi.com: A fake e-commerce API used as a data source for this project.
  • Sass: A Cascading Style Sheets (CSS) preprocessor that extends its capabilities, making application styling easier.

How to Run the Project

  1. Ensure you have Node.js installed on your system.
  2. Clone this repository to your local machine using the following command:
git clone https://github.com/Yan-pi/VueShop.git
  1. Navigate to the project directory:
cd VueShop
  1. Install project dependencies using npm or yarn package manager:
npm install

or

yarn install
  1. Start the application:
npm run serve

or

yarn serve
  1. Access the application in your web browser at http://localhost: (or another port if 8080 is in use).

Contributing

If you wish to contribute to VueShop, feel free to open a pull request. All contributions are welcome!

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Credits

VueShop was developed by Yan-pi and built with the help of the Vue.js community and various open-source libraries and tools.

This Read Me provides an overview of the VueShop project, its features, technologies used, and instructions for running it. Feel free to expand this document or add any other relevant information!