A fully functional marketplace application built with React, Shopify API, and GraphQL. This project integrates modern web development technologies to create a seamless e-commerce experience.
Check out the live demo: Evoloot Marketplace
- Demo
- Features
- Technologies Used
- Installation
- Usage
- Environment
- Node
- Known Issues
- Contributing
- License
- Contact
- Product browsing
- Cart management
- Secure checkout
- User authentication
- Integration with Shopify API
- React
- Shopify API
- GraphQL
- Apollo Client
- Node.js
- Express
- Clone the repository:
git clone https://github.com/Lypzis/evoloot_marketplace.git cd evoloot_marketplace
- Install dependencies:
npm install
- Start the development server:
npm start
Navigate to http://localhost:3000 to access the application.
Browse products, add items to the cart, and proceed to checkout.
To configure environment variables for this project, follow these steps:
-
Create a
.env
FileIn the root directory of the project, create a
.env
file. Ensure this file is at the same level aspackage.json
. Add the required environment variables to the.env
file. Note that all variable names must start withREACT_APP_
to be accessible in the React application.
REACT_APP_STORE_URL=YOUR_STORE_URL
REACT_APP_STORE_KEY=YOUR_STORE_KEY
This project requires Node.js version 14. Make sure you have Node.js 14 installed.
You can specify the Node.js version using nvm
(if installed) by running:
nvm use 14
Due to the current Shopify API key being read-only, certain features such as product management and checkout may not function fully. The project is designed to be fully functional with appropriate API permissions.
Contributions are welcome! Please follow these steps to contribute:
- Fork the repository.
- Create a new branch:
git checkout -b feature/your-feature-name
. - Commit your changes:
git commit -m 'Add some feature'
. - Push to the branch:
git push origin feature/your-feature-name
. - Submit a pull request.
This project is licensed under the MIT License.
For any questions or inquiries, please contact me at [victor.piccoli@lypzistech.pro].