MULTISTORE-25

MULTI ECOMMERCE APPLICATION

This project is an online B2C shopping application that contains a basic e-commerce’s functions from shopping to placing order with using microservices (!Demonstration only - Microservices are being further developed!). You can check out the deployed application [here](https://multi-micro-store-24.onrender.com/) ->deployed on Render: ClientSide App+API+PostgreSQL DB

🛠 Features/Structure:

• 🚀React APP -> Redux for State Management + Redux-Persist for Persistance,
• 🚀STORE SERVICE: API here and Database for products with headless CMS: Strapi and PostgreSQL database,
• 🚀SHOP SERVICE: Database for products with Firebase,
• 🚀AUTHENTICATION/USER SERVICE - USER SLICE,
• 🚀AUTHENTICATION->Sign Up with email,
• 🚀AUTHENTICATION->Log in with email,
• 🚀AUTHENTICATION->Sign Up and Log In with Google account,
• 🚀CART SERVICE - CART SLICE,
• 🚀CART & CHECKOUT functionality (adding and decreasing amount, priceCount, TotalPriceCount),
• 🚀Adding to CART,
• 🚀CART+USERMENU DROPDOWNs,
• 🚀CHECKOUT,
• 🚀PAY WITH STRIPE,
• 🚀CATEGORIES SERVICE - CATEGORIES SLICE,
• 🚀Database for products and users with Firebase,
• 🚀ProductPage,
• 🚀AboutPage,
• 🚀ContactPage-> Contact with working email sending for the owner(email-js),
• 🚀Styled components

🛠 Front End:

• React 18.2
• Redux (+Redux Toolkit, Redux-Persist)
• SASS
• styled components
• TailwindCSS
• plugins(animation, sliders, icons)
• emailJS
• Firebase + FireStore connected
• Strapi + PostgreSQL connected
• Stripe connected

🛠 Back End - Services:

• STORE \
• NodeJS
• Strapi - CMS
• PostgreSQL
• Stripe connected -> /order
• SHOP \
• Firebase
• Firestore Database

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

1. Clone this repo
2. Run npm install
3. Connect to STRAPI and FIREBASE -> You must add your own API key in the utils/firebase/firebase-utils.js file to connect to your Database.

You can grab STRAPI API key and TOKEN here , you can grab FIREBASE API key here and you can grab STRIPE keys here

Set Up Environment Variables

Create a new file named .env in the root of your project and add the following content:

VITE_APP_STRAPI_TOKEN=
VITE_APP_STRAPI_API_URL=
VITE_FIREBASE_API_KEY=
VITE_APP_STRIPE_KEY=

1. Running the Project

npm run preview

Open http://localhost:5173 in your browser to view the project.