For Meteor E-commerce, I implemented a full-stack solution using a range of modern technologies. The application uses React for the front-end, allowing for dynamic user interfaces, while Sass provides modular and efficient styling. Zustand handles state management across components, ensuring responsive and smooth UI interactions.
On the server side, Express.js with Mongoose and MongoDB is used to manage database operations and API endpoints. Jsonwebtoken secures the authentication flow, and Bcrypt hashes passwords for user security. For secure payments, Stripe is integrated, ensuring reliable transaction handling. Axios facilitates communication between the front and back ends, streamlining data requests and responses.
Finally, Cloudinary is used for efficient image storage and management, making the E-commerce experience visually engaging while maintaining performance.
To run this project, you will need to add the following environment variables to your .env file
PORT = port_number
MONGO_URI= mongo URI string
JWT_SECRET= jwtsecret
NODE_ENV = development
CLOUDINARY_CLOUD_NAME = cloudname
CLOUDINARY_API_KEY = key
CLOUDINARY_API_SECRET = CLOUDINARY_API_secret
STRIPE_SECRET_KEY = STRIPE_SECRET_KEYcdfvfvfvdfvf
CLIENT_URL = CLIENT_URL
EMAIL_USER = your_email
EMAIL_PASS= app_password_from_google
Clone the project
git clone https://github.com/basitabdullah/Meteor-Ecom-MERN.gitGo to the Frontend directory
cd frontendInstall dependencies
npm installStart the Frontend server
npm run devGo to the Root directory
cd..Install dependencies
npm installStart the Backend server
npm run dev