Light

abhagsain / dukaan Goto Github PK

View Code? Open in Web Editor NEW

105.0 5.0 31.0 386 KB

🛍️ Dukaan - An E-commerce Store

Home Page: https://mydukaan.sideprojects.fun/

TypeScript 95.94% JavaScript 1.36% CSS 2.70%

ecommerce ecommerce-website dukaan nextjs reactjs react ecommerce-store styled-components

dukaan's Introduction

Dukaan - Ecommerce Store

I built this app to learn more about Next.js and Styled Components. It's a clone of an Indian Startup My Dukaan

This project took me ~48 hours to build over 7-8 days.

"dukaan-clone" is the actual project and "dukaan-images" is a simple Node.js app to store images to My Firebase Storage so that my projects stays alive if for some reasons, they decide to delete images from their Database.

Live Demo

Click here to see it live

Desktop Demo

Mobile Demo

Installation

git clone https://github.com/abhagsain/Dukaan.git
cd [foldername]
yarn && yarn dev

Built with

TypeScript
Next.js
Styled Components

Love to build stuff? Connect with me on Twitter or LinkedIn Let's have a chat 😬

dukaan's People

Contributors

Stargazers

Watchers

dukaan's Issues

⚒ User should be able to go to the product from his cart

Will need to add the categoryId in the product itself for this. Will do it at the end

🐞 Fix styling issue on Cart page when page is refreshed.

🛍️ Show items in the cart

🌐 Add Global State

Add to cart
Orders

➕ Categories

Show Listed Categories at /categories
Show Products of a category /products/?cat={id}

✅ Add related products for a given product

When pressed on each product it takes time to load the page so show the skeleton instead of the long wait

🌈Add Loading Skeleton And Error Pages

✅ Add Error Boundary

✅ Add search feature to search for keywords

Make the app responsive for smaller screens

📃 Add pages for menu links

Add filtering options on categories page

📃List multiple categories on a separate page

Need some help

I as a shopkeeper how can see the order's which i got from my customer's?

✔ User should be able to place order and show the list of placed orders

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.