All Projects → jgudo → Ecommerce React

jgudo / Ecommerce React

Licence: apache-2.0
eCommerce web application using React, Redux, Redux-Saga, Firebase and SASS.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Ecommerce React

Ecommerce Codeigniter Bootstrap
Responsive, Multi-Vendor, MultiLanguage Online Store Platform (shopping cart solution)
Stars: ✭ 788 (+421.85%)
Mutual labels:  ecommerce, shopping-cart
Android Shoppingcart
An implementation of android shopping cart library project for Android
Stars: ✭ 77 (-49.01%)
Mutual labels:  ecommerce, shopping-cart
Snipcart Jekyll
Demo for a Snipcart powered e-commerce store built with Jekyll
Stars: ✭ 48 (-68.21%)
Mutual labels:  ecommerce, shopping-cart
Aimeos
Integrated online shop based on Laravel 8 and the Aimeos e-commerce framework
Stars: ✭ 2,354 (+1458.94%)
Mutual labels:  ecommerce, shopping-cart
Ecommerce Laravel Bootstrap
Responsive, Multi-Vendor, MultiLanguage Online Store Platform (shopping cart solution)
Stars: ✭ 99 (-34.44%)
Mutual labels:  ecommerce, shopping-cart
Nopcommerce
The most popular open-source eCommerce shopping cart solution based on ASP.NET Core
Stars: ✭ 6,827 (+4421.19%)
Mutual labels:  ecommerce, shopping-cart
Laravel Ecommerce
AvoRed an Open Source Laravel Shopping Cart
Stars: ✭ 1,151 (+662.25%)
Mutual labels:  ecommerce, shopping-cart
Angular Commerce
Angular components for scaffolding online store
Stars: ✭ 526 (+248.34%)
Mutual labels:  ecommerce, shopping-cart
Module Shop Mini Program
一个基于 .NET Core构建的简单、跨平台、模块化的商城系统
Stars: ✭ 89 (-41.06%)
Mutual labels:  ecommerce, shopping-cart
Ryal
🏵 An e-commerce library for elixir; just to save you some pain, we're still in construction, so star us instead or donate!
Stars: ✭ 87 (-42.38%)
Mutual labels:  ecommerce, shopping-cart
Grandnode
Open source, headless, multi-tenant eCommerce platform built with .NET Core, MongoDB, AWS DocumentDB, Azure CosmosDB, Vue.js.
Stars: ✭ 1,768 (+1070.86%)
Mutual labels:  ecommerce, shopping-cart
React Shopping Cart
🛍️ Simple ecommerce cart application built with React Redux
Stars: ✭ 1,808 (+1097.35%)
Mutual labels:  ecommerce, shopping-cart
Yupe
Yupe! is an open source Yiiframework-based online e-commerce solution. Demo https://demo.yupe.ru/
Stars: ✭ 596 (+294.7%)
Mutual labels:  ecommerce, shopping-cart
Sylius
Open Source eCommerce Platform on Symfony
Stars: ✭ 6,598 (+4269.54%)
Mutual labels:  ecommerce, shopping-cart
Ecommerce Open Api
果酱小店:基于 Laravel + swoole + 小程序的开源电商系统,优雅与性能兼顾 : )
Stars: ✭ 546 (+261.59%)
Mutual labels:  ecommerce, shopping-cart
Gogrocery
Its an eCommerce app inspired from Amazon , big Basket , grofers ,grocery app , Etc
Stars: ✭ 62 (-58.94%)
Mutual labels:  ecommerce, shopping-cart
Angular Shoppingcart
ShoppingCart (Ecommerce) 🛒 Application using Angular10, Firebase, PWA, Drag&Drop, Materialized Bootstrap and i18n 🚀🔥👨‍💻
Stars: ✭ 483 (+219.87%)
Mutual labels:  ecommerce, shopping-cart
Wellcommerce
Open-source E-Commerce software
Stars: ✭ 499 (+230.46%)
Mutual labels:  ecommerce, shopping-cart
Laravel Ecommerce Iyzico
Iyzico intigrated e-Commerce system that could be developed easily in simple level.
Stars: ✭ 81 (-46.36%)
Mutual labels:  ecommerce, shopping-cart
Laracom
Laravel FREE E-Commerce Software
Stars: ✭ 1,570 (+939.74%)
Mutual labels:  ecommerce, shopping-cart

Salinaka | E-commerce react app

Simple ecommerce react js app with firebase [typescript]. Firebase Deploy

Live demo

TypeScript Version HERE

Salinaka screenshot Salinaka screenshot Salinaka screenshot Salinaka screenshot

Run Locally

1. Install Dependencies

$ npm install

2. Create a new firebase project

Login to your google account and create a new firebase project here

Create an env file - Set filename.env.prod file for production and .env.devfor development and save it in the root of your project folder and add the following configuration details. You can either use the same configuration details for both development and production but it's best to make separate projects. It can be found on your firebase project settings.

// SAMPLE CONFIG .env.dev, you should put the actual config details found on your project settings

FIREBASE_API_KEY=AIzaKJgkjhSdfSgkjhdkKJdkjowf
FIREBASE_AUTH_DOMAIN=yourauthdomin.firebaseapp.com
FIREBASE_DB_URL=https://yourdburl.firebaseio.com
FIREBASE_PROJECT_ID=yourproject-id
FIREBASE_STORAGE_BUCKET=yourstoragebucket.appspot.com
FIREBASE_MSG_SENDER_ID=43597918523958
FIREBASE_APP_ID=234598789798798fg3-034

After setting up necessary configuration, create a Database and choose Cloud Firestore and start in test mode

3. Run development server

$ npm run dev-server

Build the project

$ npm run build

How to add products or perform CRUD operations for Admin

  1. Navigate to your site to /signup
  2. Create an account for yourself
  3. Go to your firestore collection users collection and edit the account you've just created. Change the role from USER to ADMIN.
  4. Reload or sigin again to see the changes.

Firebase Admin to be integrated soon

Features

  • Admin CRUD operations
  • Firebase authentication
  • Firebase auth provider authentication
  • Account creation and edit
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].