Skip to content

Turskyi/nextjs-ecommerce

Repository files navigation

Stand With Ukraine Vercel Deploy GitHub commit activity

AnArtist.Store

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

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

Overview

AnArtist.Store is an e-commerce project dedicated to showcasing unique and handmade creations by talented artist Anna. 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:

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 with your browser to see the result.

Technologies Used

  • Next.js: A React framework for building full-stack web applications.

  • MongoDB: Store product data and manage inventory.

  • next/font 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;

  • Version control system: Git;

  • Git Hosting Service: GitHub;

  • CI/CD: Vercel is used to deliver the new releases to the production environment after every push to the master branch;

  • Architectural pattern : Monolith;

  • 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:

screenshot

Credits

This project is based on the Next.js 14 E-Commerce Website (Server Actions, TypeScript, Deployment, TailwindCSS, Prisma, DaisyUI) by Coding in Flow YouTube channel. All credit goes to the original author Florian Walther. I only followed along and made some minor changes.