Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fernando9200/deep-space-store
Deep Space Store is an application that emulates an e-commerce platform. It includes features such as user registration, login, adding products to the cart, and completing purchases with different payment methods.
https://github.com/fernando9200/deep-space-store
axios cypress docker eslint json-server mocha vuejs vuetify
Last synced: 9 days ago
JSON representation
Deep Space Store is an application that emulates an e-commerce platform. It includes features such as user registration, login, adding products to the cart, and completing purchases with different payment methods.
- Host: GitHub
- URL: https://github.com/fernando9200/deep-space-store
- Owner: Fernando9200
- Created: 2024-07-31T18:52:00.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-09-02T20:36:08.000Z (2 months ago)
- Last Synced: 2024-10-11T22:41:09.509Z (about 1 month ago)
- Topics: axios, cypress, docker, eslint, json-server, mocha, vuejs, vuetify
- Language: Vue
- Homepage:
- Size: 2.45 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Deep Space Store
![deep-space-store](https://github.com/user-attachments/assets/561c3aad-6e25-45bc-87b5-1baad573df77)
## Project Description
Deep Space Store is an application that emulates an e-commerce platform. This project was developed using Vue.js for the frontend and `json-server` to simulate a backend. It includes features like user registration, login, adding products to the cart, and completing purchases with different payment methods.
## Technologies Used
- **Frontend:** Vue.js, Vuetify
- **Backend:** json-server
- **State Management:** Vuex
- **Testing:** Cypress, Mocha
- **Containers:** Docker
- **Others:** Axios, ESLint## Main Features
- User registration and authentication
- Adding and removing products in the cart
- Completing a purchase with order confirmation
- Different payment methods, including Pix, Boleto, and Credit Card## Demo Video
https://github.com/user-attachments/assets/a3070bfe-70b0-4cec-b09d-59f8480baa6c
## How to Run the Project
### Prerequisites
- **Node.js** (version 14 or higher)
- **Docker** (optional, to run the application in containers)### Steps to Run the Project Locally
1. **Clone the repository:**
```bash
git clone https://github.com/Fernando9200/deep-space-store.git
cd deep-space-store
```2. **Install the dependencies:**
```bash
npm install
```3. **Start the JSON server:**
In one terminal tab, run:
```bash
npm run mock-server
```4. **Start the Vue development server:**
In another terminal tab, run:
```bash
npm run serve
```5. **Access the application:**
Open your browser and go to `http://localhost:8080`6. **To facilitate testing the application, you can use the test account below:**
- **Email:** `[email protected]`
- **Password:** `123456`
If you prefer, you can register your own account, which will be saved in `db.json`## Running with Docker
If you prefer, you can run the application using Docker.
**Build and run the application:**
```bash
docker-compose up --build
```## Testing
The project uses Cypress for end-to-end testing and Mocha for unit testing. Below are the instructions to run each set of tests.
1. **Ensure the application is running**
2. **Run the Cypress tests:**
```bash
npx cypress run
```
3. **Run the unit tests:**```bash
npm test
```4. **To run the unit tests inside the container:**
```bash
docker exec -it deep-space-store npm run test
```## Contact
For questions or support, please contact `[email protected]`