Projeto Naturale Nuxt 3

Definitions

Project to learn Nuxt 3, using what it give to us and just that. The use case will be an "natural" e-commerce, which sells a variety of natural products, like food, creams, shampoos, etc.

Techs used:

Nuxt 3
MongoDB

Layout

Layout done by KevinL on figma, I just duplciated and put everything in one file here

Roadmap

First Steps

Settings
- Starting the project
- CSS variables
- Typography
Components
- Header
- Navbar
- Footer
- Button
- Breadcrumb
- Product Card
Pages
- HomePage
  - Hero (Slider)
  - Main Categories
  - Product List
  - Load More button (Just visual or mocked)
- Product Page
  - Images slider
  - Details (Name, Price, Etc)
  - Cep Field
  - Description
  - Another Products
  - Load More button (Just visual or mocked)

MORE!

Settings
- Crete database on Mongo
  - Create products table
  - Create newletter table
- Create .env file with keys
HomePage
- Get main caregories
- Get product list
- "Load More" CTA working (pagination)
Product Page
- Get product details
Components
- Newsletter
  - Validate infos
  - Check if e-mail already signuped
  - Succesfully sign up user on DB

Future

Signup/Login Working
Navbar pages
Footer pages
Search page
Search bar

ToMattBan/naturale