Giter Site home page Giter Site logo

agil-saputra / elmart-ecommerce-app Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 0.0 560 KB

Elemart is electronics online store build in Nextjs and using Contentful as a headless CMS with Stripe as payment gateaway.

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

JavaScript 97.88% CSS 2.12%
reactjs nextjs rest-api redux cms-backend contentful context-api stripe contentful-cms

elmart-ecommerce-app's Introduction

Elmart-Ecommerce-App

Elemart is an electronics online store built with Next.js, a React framework for building modern web applications. The project utilizes Contentful, a headless CMS (Content Management System), to manage the content and product information, while Stripe, a popular payment gateway, is integrated for secure and seamless online transactions.

Installation(Locally)

 1. Clone the repository:
git clone <repository-url>
 2. Navigate to the project directory:
cd elmart
3.install NPM:
 npm install
# or
yarn install
# or
pnpm install
 4.Run development Server:
 npm run dev
# or
yarn dev
# or
pnpm dev

The Elemart online store will be accessible at http://localhost:3000.

Deployment

To deploy the Elemart project, you can utilize platforms like Vercel, Netlify, or other hosting providers that support Next.js applications. Ensure you have the necessary environment variables set up for the Contentful CMS and Stripe integration.

For detailed deployment instructions, refer to the official documentation of the chosen hosting platform. This projects is already Deployed on here.

Technologies

Useful Resources On this Repository

Documentation

The official Next.js documentation is an excellent resource to explore the features and API of Next.js. It covers a wide range of topics, including routing, server-side rendering, static site generation, and more. You can find the documentation here.

Learn NextJS

If you prefer an interactive tutorial, the "Learn Next.js" tutorial is a great place to start. It guides you through the basics of building a Next.js application, including setting up a development environment, creating pages, and handling data fetching. You can access the tutorial here.

GitHub Repository

You can also visit the Next.js GitHub repository to explore the source code, contribute to the project, or submit any issues or feature requests. Your feedback and contributions are greatly appreciated! The repository can be found here.

Feel free to explore these resources to gain a deeper understanding of Next.js and enhance your React development experience!

elmart-ecommerce-app's People

Contributors

agil-saputra avatar nitin1chandani avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

elmart-ecommerce-app's Issues

make a filter for all products page

create a UI filter and add functionality to it, so users can filter products very quickly.
required filter :

  • price
  • ascending name
  • descending name
  • categories
  • brand

manage a duplicated same item add to cart

problem:
when user add same products to cart the products has duplicated ui
expected:
the same products added should just add the quantity of already product and not duplicate itself

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.