https://github.com/turskyi/nextjs-ecommerce

E-commerce platform for handmade creations.
https://github.com/turskyi/nextjs-ecommerce

ecommerce nextjs typescript

Last synced: 30 days ago
JSON representation

E-commerce platform for handmade creations.

• Host: GitHub
• URL: https://github.com/turskyi/nextjs-ecommerce
• Owner: Turskyi
• Created: 2024-03-18T00:36:12.000Z (10 months ago)
• Default Branch: master
• Last Pushed: 2024-04-16T01:14:28.000Z (9 months ago)
• Last Synced: 2024-04-18T07:20:38.990Z (9 months ago)
• Topics: ecommerce, nextjs, typescript
• Language: TypeScript
• Homepage: https://an-artist.store
• Size: 6.74 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
[![Stand With Ukraine](https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/banner-direct-single.svg)](https://stand-with-ukraine.pp.ua)

![Vercel Deploy](https://therealsujitk-vercel-badge.vercel.app/?app=an-artist-art&style=plastic)



# AnArtist.Store

Welcome to **AnArtist.Store**, a shop where creativity comes to life! 🎨

This is a [Next.js](https://nextjs.org/) project bootstrapped

with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Overview

**AnArtist.Store** is an e-commerce project dedicated to showcasing unique and

handmade creations by talented

artist [Anna](https://www.instagram.com/anartistart).

From stylish clothes to

whimsical soft toys, each piece is crafted with care and passion.

## Features

- Gallery: Explore our gallery to discover a delightful collection of artistic

  creations.

- Product Details: Click on any item to view detailed information, including

  descriptions, materials, and pricing.

- Cart: Mark your favorite pieces and create your personalized cart.

- Contact: Have questions or want to place an order?

  Reach out to us via the contact form.

## Getting Started

### Installation:

Clone this repository to your local machine.

Install dependencies using npm install.

### Run Locally:

First, run the development server:

```bash

npm i daisyui prisma @prisma/client next-auth @auth/prisma-adapter prettier eslint-config-prettier prettier-plugin-tailwindcss

npm i zod

npx prisma init

npx prisma db pull

npx prisma db push

npx prisma generate

npm run dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the

result.

## Technologies Used

- [Next.js](https://nextjs.org/): A React framework for building full-stack web

  applications.

- [`MongoDB`](https://www.mongodb.com/): Store product data and manage

  inventory.

- [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to

  automatically optimize and load Rubik, a custom Google Font.

- **Tailwind CSS**: A utility-first CSS framework for rapidly building custom

  designs.

- **Programming language**: [TypeScript](https://www.typescriptlang.org);

- **Version control system**: [Git](https://git-scm.com);

- **Git Hosting Service**: [GitHub](https://github.com);

- **CI/CD**: [Vercel](https://vercel.com/features/previews) is used to

  deliver the new releases to the production environment after every push to the

  **master** branch;

- **Architectural pattern** :

  [Monolith](https://learn.microsoft.com/en-us/dotnet/architecture/modern-web-apps-azure/common-web-application-architectures#all-in-one-applications);

- **Code Readability:** code is easily readable with no unnecessary blank lines,

  no unused variables

  or methods, and no commented-out code, all variables, methods, and resource

  IDs are descriptively

  named such that another developer reading the code can easily understand their

  function.

## Contributing

We welcome contributions!

If you’re an artist, designer, or developer, feel free to join our creative

community.

Fork this repository, make your enhancements, and submit a pull request.

## Contact

For inquiries, collaborations, or custom orders, reach out to us at

[email protected].

Let’s celebrate art together! 🌟🎨

## Screenshot:



## Credits

This project is based on the

[Next.js 14 E-Commerce Website (Server Actions, TypeScript, Deployment, TailwindCSS, Prisma, DaisyUI)](https://youtu.be/AaiijESQH5o?si=2Bxmsw5_tHhQ6gEN)

by [Coding in Flow](https://github.com/codinginflow) YouTube channel.

All credit goes to the original author

[Florian Walther](https://github.com/florianwalther-private).

I only followed along and made some minor changes.