Shoppee-e

shoppee-long-screenshot_compress.mp4

E-commerce web shop platform.

Live demo.

Table of Contents

• General Info
• Technologies Used
• Features
• Setup
• Project Status
• Room for Improvement
• Acknowledgements
• Contact

General Information

• This is fullstack e-commerce website created with React, TypeScript, NextJS, Firebase, Stripe and Sanity CMS.

Technologies

• React
• TypeScript
• NextJS
• Firebase
• Stripe
• Sanity CMS
• Tailwind CSS , SASS

Features

• You can login by using your google account.
• You can filter products, add to liked list or to the cart. You can process payment by using test cart credentials provided below 'Cart Total' segment. After successfull payment you can find your orders history in profile page.
• Payment process is handled by Stripe platform, which provides payments dashboard to control all payments
• After successfull payment the order is located into Firebase database by webhook.
• All products are fetched from Sanity CMS platform. You can add any products by special sanity content management page.
• the website uses ISR (Incremental Static Regeneration) and SSR (Server Side Rendering) technologies.

Sanity

• Sanity content management page preview

sanity_compress.mp4

Quick Setup

Download the repo by using in your terminal git clone https://github.com/Murad-Git/shoppee-e then go to the main folder and start the project by

cd shoppee-e
npm i
# or
yarn install

npm run dev
# or
yarn dev

Project Status

Project is: In progress

Room for Improvement

Room for improvement:

• Adding additional login options (GitHub, Facebook)
• Light and dark themes

Acknowledgements

• The layout was inspired from Flatlogic

Contact

Created by Murad Kos - feel free to contact me!