Typical Online Store
Typical Online store using Next.js, React.js, and Tailwind CSS
https://user-images.githubusercontent.com/96768007/221852668-07542883-9787-4a05-aeef-617bb7183b46.mp4
Features:
- Utilizes Next.js features such as
<Link>
, <Image>
, and <Head>
- CRUD functionality on adding, updating, and removing products
- Form validations using formik and yup
- Page transitions using framer-motion
How to run it (explanation for windows only):
- Download, extract, and open typical_online_store-v1.2+
- Go to the directory in cmd and type in
npm i
- Once finished, type in
npm run dev
- Go to a web browser and type in
localhost:3000
as the link, localhost:4000
for the database (need to also add the key to access it like localhost:4000/products
)
Additional info
- Uses Next.js 13