markphd / friendly-doodle

Built with Next.js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Summary

React project for a simple catalog website with order functionality. Basically, the website showcases products within different categories in a flat db (file).

User

When a user orders thru the website, they are given an order code which is auto generated. This code are presented to webshop owner by the user, this is just to ensure that the user is not just playing around the website.

Webshop Owner

Once an order is completed, the webshop owner will receive an email with all the list of items in the basket, together with name, email address and mobile number. This email is sent via Sendgrid email service.

🌍 View the staging site: https://projectscents-m2ocnm1e9-markphd.vercel.app/

Tech Stack

  • Database: No DB / JSON object
  • Frontend: React
  • Routing: Next.js
  • Styling: Pure CSS / CSS Grid
  • Animation: Framer Motion
  • Hosting: Vercel

Starting project

  • Run yarn
  • Run yarn dev

Extra Credit

Thanks to Leigh Halliday for the generousity of sharing his knowledge, I have learned a lot from his Youtube videos. 📺 https://www.youtube.com/user/leighhalliday

About

Built with Next.js


Languages

Language:CSS 51.8%Language:JavaScript 48.2%