Coder Social home page Coder Social logo

online-shop's Introduction

Online shop

This is a sample online shop that offers features such as product catalog, shopping cart, checkout and payments

Features

  • User Sign up and authentication
  • Password Reset
  • Product Catalog \w pagination
  • Shopping Cart and Checkout
  • Email Notifications
  • Image Uploads
  • Stripe Payment Integration

Getting Started

Follow instructions below to have a copy of this project up and running on your local machine for development and testing purposes.

Prerequisites

You will need to have the following software installed on your system

  • Nodejs, a JavaScript runtime that lets you run applications outside the browser
  • NPM, a package manager for Nodejs software packages (Comes with Node)
  • MongoDB installation
  • Stripe account (Test account will work)
  • Cloudinary account for image uploads
  • Sendgrid account

Installing

Clone the repository to your local machine

git clone https://github.com/JaymesKat/online-shop.git

Navigate into root of repository

cd online-shop

Install application dependencies

npm install

Create a .env file based on the .env.example file and populate following variables

SENDGRID_API_KEY=<sendgrid-api-key>
MONGO_DB_URI=<mongodb-connection-uri>
STRIPE_SECRET=<stripe-secret>
STRIPE_KEY=<stripe-api-key>
CLOUDINARY_CLOUD_NAME=<cloudinary-cloud-name>
CLOUDINARY_API_KEY=<cloudinary-api-key>
CLOUDINARY_API_SECRET=<cloudinary-api-secret>

NB: The MONGO_DB_URI should be populated to configure the app with a database. I recommend setting up one on Mongo Atlas which is easy to setup and provides a free tier.

Running the application

Run the command below in the project's root folder

npm start

Built With

License

This project is licensed under the MIT License

Acknowledgments

online-shop's People

Contributors

jaymeskat avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.