Skip to content

Noel-Fredrick-au19/ecommerce-store

Repository files navigation

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

E-Commerce Store

Welcome to our E-Commerce Store! This project provides a user-friendly platform for customers to explore, add items to their cart, and seamlessly complete their purchase. Utilizing modern web technologies, we aim to deliver a smooth and secure shopping experience. So this is the E-commerce store where all the list of products which is added in admin will reflect on the store. This is more about the process of selection, sorting and filter methods and from adding the items to cart then checking out with the use of stripe for the payment.

Technologies Used

Frontend

  • Next.js: A React framework for building efficient and scalable web applications.

  • React: A JavaScript library for building user interfaces.

  • Zustand: State management library for React, ensuring efficient and predictable state updates.

  • axios: Promise-based HTTP client for making API requests.

  • react-hot-toast: A minimalistic toast library for React to display notifications.

  • lucide-react: SVG icon library for React components.

  • tailwindcss: A utility-first CSS framework for building responsive web designs.

  • query-string: Library for parsing and formatting query strings.

  • stripe: Payment processing integration for secure and reliable transactions.

Backend

  • Node.js with Next.js API Routes: Server-side logic for handling requests and managing the backend.

Tooling

  • eslint: A pluggable and configurable linter tool for identifying and fixing problems in JavaScript code.

  • autoprefixer: A PostCSS plugin to parse CSS and add vendor prefixes to CSS rules.

  • postcss: A tool for transforming styles with JavaScript plugins.

  • typescript: A typed superset of JavaScript that compiles to plain JavaScript.

Getting Started

  1. Clone the repository: git clone https://github.com/YourUsername/ecommerce-store.git

  2. Install dependencies: npm install

  3. Start the development server: npm run dev

  4. Open your browser and navigate to http://localhost:3000

Now you're ready to explore and use our E-Commerce Store! Feel free to contribute, report issues, or suggest improvements. Happy shopping!

Payment Integration

This store uses Stripe for secure and efficient payment processing. Ensure to provide valid payment information during the checkout process.


Customize this template based on your project's specific features and functionalities. Include more detailed information about how to use the different features of your application and any additional instructions or configurations that might be necessary for users or contributors.

Deployed on Vercel

Please find the link https://ecommerce-admin-control.vercel.app