POC (#3)

* "Add UpdateProductButton and DeleteProductButton components with functionality to update and delete products, respectively"

Signed-off-by: Dmytro Turskyi <[email protected]>

* Updated email template component and added constants for the app name, domain, and author. Made changes to various components and pages to use these constants. Added a new API route for sending emails using the Resend API key. Implemented sending an email when checking out from the cart. Added the ability to delete the cart after checkout. Made adjustments to page titles to include the app name.

Signed-off-by: Dmytro Turskyi <[email protected]>

* Refactor API route to accept NextRequest and update cart actions to send email notification with order details. Fix price formatting in cart actions.

Signed-off-by: Dmytro Turskyi <[email protected]>

* Refactor Checkout and Contact Information Handling

Refactor handling of checkout functionality and contact information submission to improve code organization and simplify user interaction in the shopping cart page. Contact information fields are now submitted along with the order for efficient processing.

* Refactor a price input component to use useState for dynamic updating

Signed-off-by: Dmytro Turskyi <[email protected]>

* Add ability to upload  image. Refactor configuration and update dependencies for new features and enhancements

* Add select file in update form and ensure admin authorization checks in relevant routes

Added admin authorization checks in routes that involve product management to restrict access to admin-only functionalities, contributing to enhanced security and access control.

* Update project constants and footer links, add new links, and improve styling.

Updated project constants to reflect the new project name. Added new footer links for navigation, converted footer links to routing links, and enhanced styling for accessibility and visual appeal.

* add words to spellright exceptions

---------

Signed-off-by: Dmytro Turskyi <[email protected]>

.vscode/spellright.dict

@@ -34,3 +34,38 @@ og
 diy
 ffffff
 ffefff
+btn-block
+bg
+ico
+noopener
+noreferrer
+pl-6
+dmytro
+nextjs
+tsx
+dist
+daisyui
+jsx
+ts
+tailwindcss
+ea535a
+btn
+prisma
+lg
+py-6
+vh
+nanoid
+vercel
+textarea
+www.flickr.com
+dl.dropboxusercontent.com
+Ghw
+bFpfwkUySLaGrh
+Eml
+Hdoecp
+Olw
+Jba
+Bgsq
+gw
+Nkantw
+Fho

README.md

@@ -1,22 +1,30 @@
 [![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)
 
-# AnArtistArt
+# AnArtist.Store
 
-Welcome to **AnArtistArt**, a platform where creativity comes to life! 🎨
+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).
+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
 
-**AnArtistArt** 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.
+**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.
-Favorites: Mark your favorite pieces and create your personalized wishlist.
-Contact: Have questions or want to place an order? Reach out to us via the contact form.
+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
 
@@ -46,17 +54,22 @@ npm run dev
 
 ```
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the
+result.
 
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+You can start editing the page by modifying `app/page.tsx`.
+The page auto-updates as you edit the file.
 
 ## Technologies Used
 
-- [Next.js](https://nextjs.org/): A React framework for building full-stack web applications.
+- [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.
+- [`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.
+- [`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.
@@ -83,11 +96,15 @@ You can start editing the page by modifying `app/page.tsx`. The page auto-update
 
 ## 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.
+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].
+For inquiries, collaborations, or custom orders, reach out to us at
+[email protected].
 
 Let’s celebrate art together! 🌟🎨
 
@@ -96,7 +113,6 @@ Let’s celebrate art together! 🌟🎨
 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.
+All credit goes to the original author
+[Florian Walther](https://github.com/florianwalther-private).
+I only followed along and made some minor changes.

constants.ts

@@ -0,0 +1,4 @@
+export const APP_NAME = 'AnArtist.Store';
+export const DOMAIN = 'https://an-artist.store';
+export const DEVELOPER_DOMAIN = 'turskyi.com';
+export const AUTHOR = 'Anna Turska';

next.config.mjs

@@ -11,6 +11,10 @@ const nextConfig = {
       { hostname: 'scontent-ams4-1.cdninstagram.com' },
       { hostname: 'live.staticflickr.com' },
       { hostname: 'an-artist.store' },
+      { hostname: 'www.flickr.com' },
+      { hostname: '*.public.blob.vercel-storage.com' },
+      { hostname: 'dl.dropboxusercontent.com' },
+      { hostname: 'www.dropbox.com' },
     ],
   },
   experimental: {