Git Product home page Git Product logo

ponadnorme / shop-ai Goto Github PK

View Code? Open in Web Editor NEW
13.0 1.0 0.0 3.73 MB

Shop-AI is a REST API-powered frontend application integrated with the Automaton ecosystem. It offers a scalable and customizable platform for enhancing online shopping experiences. Ideal for businesses seeking to streamline sales processes and boost their online presence. Join our community on Discord for updates.

Home Page: https://ponadnorme.pl

License: MIT License

TypeScript 98.19% Dockerfile 1.52% JavaScript 0.18% CSS 0.10%
100commitow javascript nextjs react typescript

shop-ai's Introduction

Automaton Shop AI

Automaton Shop AI

REST API-driven frontend application tailored for seamless e-commerce experiences. Integrates with the Automaton ecosystem, offering a robust platform for online shopping solutions. Designed for scalability, ease of use, and customization. Our application empowers businesses to elevate their online presence and streamline their sales process.

Demo

Below link is actually presentation of full potential of Automaton Shop AI. It is a fully functional shop with all available functionalities. It uses Automaton Shop AI components modified to fit the specific needs of the project.

Production version is available at: https://ponadnorme.pl

Home page:

Automaton Shop AI

Product page:

Automaton Shop AI

Category page:

Automaton Shop AI

Before You start

This project is still in development phase. There's still a lot of work to be done, before You can go live with it.

You can watch us on Discord: https://discord.gg/FbpW8PJ4RC

Ponadnorme Discord channel

Functionalities

Shop AI is fully functional shop for e-commerce business. Available functionalities are:

  • Products presentation including products search, sliders and categories,
  • Full checkout process,
  • Contact page,
  • Static pages like terms of service,
  • Customer account.

Used packages

Here is a brief list of npm packages worth mentioning:

Package Description
Emotion A powerful library for writing CSS styles with JavaScript, offering a great way to manage styles in your application.
Fontawesome Provides scalable vector icons and social logos for your web project, ensuring visual consistency and flexibility.
Holy Loader A customizable, lightweight top-loading progress bar component, enhancing user interface with dynamic configuration options.
React Hook Form Simplifies handling forms in React, making form management efficient, flexible, and extensible with minimal re-rendering.
React Rating Enables interactive star ratings in React projects with customizable and reusable components.
SWR A React Hooks library for remote data fetching that allows for incremental fetching and revalidation of data.
Swiper A modern touch slider with hardware accelerated transitions, perfect for creating interactive slides and presentations.
usehooks-ts Offers ready-to-use custom React hooks, helping to avoid boilerplate and keep your components clean and readable.

API

API documentation is available at: http://automatonai.pl/api/doc

Preparing environment

  1. Build image: docker compose build.
  2. Start containers: docker compose up -d.
  3. Open container CLI: docker exec -it automaton_shop_ai_front bash

Create .env.local file:

NEXT_API_URL=https://api.automatonai.pl/api

Below need improvement:

  1. Log in as docker user using su docker command.
  2. Run npm install.
  3. For starting dev environment run npm run dev command.

Docker is configured to listen on port 9100, then go to Your browser and visit: http://localhost:9100.

For more information how to work with Next.js check: https://nextjs.org/docs.

Server specification

  • Node.js v.19+
  • Nginx

FAQ

Is it free?

Frontend Shop application is totally free. Although to make it work, You need Baselinker account for order management.

Planned features:

  • Multilanguage support.
  • More modules to make Your shop even more attractive!

shop-ai's People

Contributors

ponadnorme avatar

Stargazers

Kuba avatar  avatar Adrian Mikołajczyk avatar Michał Zawiślak avatar  avatar  avatar Rafał Siekański avatar  avatar  avatar  avatar mindless_mind avatar Łukasz Artuna avatar  avatar

Watchers

 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.