https://github.com/wendykr/xxxmuck-nextjs

Jednoduchý e-shop s nabídkou produktů v Next.js.
https://github.com/wendykr/xxxmuck-nextjs

api czechitas daisyui eslint netlify next-ui nextjs prettier react tailwindcss typescript

Last synced: 3 days ago
JSON representation

Jednoduchý e-shop s nabídkou produktů v Next.js.

• Host: GitHub
• URL: https://github.com/wendykr/xxxmuck-nextjs
• Owner: wendykr
• Created: 2024-08-05T08:49:56.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-08-23T08:26:05.000Z (about 1 month ago)
• Last Synced: 2024-09-20T06:55:41.438Z (8 days ago)
• Topics: api, czechitas, daisyui, eslint, netlify, next-ui, nextjs, prettier, react, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://xxxmuck.netlify.app
• Size: 517 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Nábytek XXXMuck

Jednoduchý e-shop se seznamem produktů a detailem produktu.

- [Počáteční vize a cíle](#počáteční-vize-a-cíle)

- [Abstrakt](#abstrakt)

- [Technologie](#technologie)

- [Historie](#historie-verzí)

## Počáteční vize a cíle

Vytvořit jednoduchý e-shop se 2 stránkami:  

  - nabídka produktů

  - detail produktu

 

a dle připraveného grafického designu (viz. [hlavní stránka](https://kodim.cz/cms/assets/czechitas/react-2/lekce/opakovani/projektik/xxxmuck/homepage.png), [detail produktu](https://kodim.cz/cms/assets/czechitas/react-2/lekce/opakovani/projektik/xxxmuck/productpage.png)) jej nakódovat.  

**!! Mým cílem bylo přepsat některý ze svých [starších projektů](#historie-verzí) do Next.js. !!**

## Abstrakt

**Na úvodní straně** aplikace se zobrazuje seznam všech produktů získaný z připraveného veřejného [API endpointu](https://apps.kodim.cz/react-2/xxxmuck/products).  

Po kliknutí na produkt se zobrazí informace o produktu **na stránce s detailem**.  

**Tlačítko Objednat** na stránce s detailem zatím neplní žádnou funkci.

## Technologie

Přehled dovedností a technologií, které jsem využila na aktuální verzi projektu.

- Vývoj: **React** + **Next.js**

- Stylování: **Tailwind CSS** + **DaisyUI**

- Dark mode: **NextUI**

# Historie verzí

Přehled historie verzí původního projektu.

- 04/2024: **React** + **CSS/Sass** ([repozitář](https://github.com/wendykr/OPAKOVANI-PROJEKT-XXXMuck))

- 04/2024: **React** + **TypeScript** + **CSS/Sass** ([repozitář](https://github.com/wendykr/xxxmuck-ts))