Giter VIP home page Giter VIP logo

web-codegrammer / project_ecommerce_sanitywithstripe Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 0.0 1.69 MB

This e-commerce application includes modern design and animations, the ability to add and edit products on the go using a Sanity, all advanced cart, and checkout functionalities, and most importantly, the complete integration with Stripe so that you can cover real payments.

Home Page: https://ecommerce-sanitywithstripe.vercel.app

License: MIT License

JavaScript 66.51% CSS 33.49%
dynamic ecommerce-application javascript json modern-ui nextjs react sanity-io stripe-payment

project_ecommerce_sanitywithstripe's Introduction

A Full Stack ECommerce Application with Deep Implementation of Stripe & Sanity eCommerce

A fully responsive Full Stack Modern Ecommerce application with Payments functionality. With Modern design, animations, the ability to add and edit products on the go using a CMS, all advanced cart functionalities, and most importantly the complete integration with Stripe so that you can cover REAL payments.

In this project, i learnt:

  • Advanced React Best Practices such as
    • Folder and file structure, hooks and refs
  • Advanced State Management of the entire application using React Context API
  • Next.js Best Practices such as
    • File-based routing, Data fetching that allows server-side rendering and static generation which makes your websites incredibly optimized (show getServerSideProps, getStaticPaths, getStaticProps), and also learnt how to use Next.js as a backend endpoint.
  • I learnt how to integrate Stripe to manage payments, products, shipping rates, and the entire checkout process
  • And most importantly i learnt how to manage the entire content of your app using Sanity. Sanity is the unified content platform that’ll make the making of our entire app possible.
  • Through Sanity, you or your clients will be able to change the store’s homepage and more importantly, the details of all the products in the store, instantly and on the go!
  • Sanity allows us to focus on developing the application without having to worry about the content, file storage, and databases. They’ll cover the dirty work for us and allow us to build scalable and modern e-commerce web applications extremely easily.

Built and Developed from(Reference):

JavaScript Mastery Build and Deploy a Modern Full Stack ECommerce React Application with Stripe tutorial on YouTube.

image image

Project is Licensed Under the

MIT License

Issued to Devanshu Vashishtha | Copyright ©️ 2022-2023 web-codegrammer

project_ecommerce_sanitywithstripe's People

Contributors

web-codegrammer avatar

Stargazers

 avatar  avatar

Watchers

 avatar  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.