• Stars
    star
    251
  • Rank 156,537 (Top 4 %)
  • Language
    TypeScript
  • Created over 4 years ago
  • Updated about 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A full stack server side rendered e-commerce built with Next.js, TypeScript, Node.js, Express and MongoDB.

DRESS SHOP

A full stack e-commerce website for clothing store.

Live demo

Screenshots

Thumbnail

Stacks

  • TypeScript
  • Next js
  • Node js
  • Express js
  • MongoDB
  • Cloudinary (for image hosting)
  • Stripe and Paypal (for payment)
  • Vercel (for deployment)

Clone Repository

git clone https://github.com/jrussumbrella/dress-shop-web.git

Client Installation

cd dress-shop
cd client
npm install or yarn install

Add .env.local file to root client directory

NEXT_PUBLIC_PAYPAL_CLIENT_ID=
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KY=
NEXT_PUBLIC_GOOGLE_CLIENT_ID=

Server Installation

cd server
npm install or yarn install

Add .env file to root server directory

DATABASE_URI=
JWT_SECRET=
STRIPE_SECRET_API_KEY=
GOOGLE_WEB_CLIENT_ID=
GOOGLE_ANDROID_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
CLIENT_PUBLIC_URL=
CLOUDINARY_NAME=
CLOUDINARY_API_KEY=
CLOUDINARY_API_SECRET=
PAYPAL_CLIENT_ID=
PAYPAL_CLIENT_SECRET=

This will run both client and server

npm run dev

Deploy using vercel

Globally install vercel

npm i -g vercel

Client

vercel --prod

Server

vercel --prod

More Repositories

1

dress-shop-mobile

The mobile app version for clothing store (Dress Shop) built with React Native
TypeScript
10
star
2

next-shopify-shopping-cart

Shopping cart built with React, Next js, Tailwind CSS, and Shopify Store Front Graphql API.
TypeScript
5
star
3

react-drag-drop-example

Code samples for kanban board drag and drop using dnd kit
TypeScript
4
star
4

budgetpal-web

Easily keep track and manage your budgets. Built with React, Redux-Toolkit, and Typescript.
TypeScript
4
star
5

projecthub

Discover the best dev projects daily. Built with React, Typescript and Firebase.
TypeScript
3
star
6

react-movie-library

A movie library using tmdb api and built with React js.
JavaScript
2
star
7

eLearning-portal-web-app

Side project for building production ready react app project
TypeScript
2
star
8

next-hacker-news-clone

Hacker news clone using next js
JavaScript
2
star
9

django-storefront

Codes for learning Python Django
Python
1
star
10

helpdesk-backend

Helpdesk backend
Python
1
star
11

rest-api-with-express

Restful api with express and mongo db
JavaScript
1
star
12

gatsby-portfolio

My portfolio built with Gatsby js
JavaScript
1
star
13

react-animations

Animated components using react-spring library.
JavaScript
1
star
14

issues-management-web-app

1
star
15

freelanceway-api

PHP
1
star
16

react-tasks-list

Yet another tasks list app made for learning unit and integration test with Jest and React Testing Library and for an end to end test with Cypress.
TypeScript
1
star
17

notely-api

The API for notely-web app made with Node, Express, Typescript, MongoDB.
TypeScript
1
star
18

supportly-web

TypeScript
1
star
19

react-native-food-app

Food app using React Native
JavaScript
1
star
20

laravel-birdboard-app

Code samples for learning TDD with Laravel
PHP
1
star
21

react-apollo-graphql

JavaScript
1
star
22

project-management-api

1
star
23

ticketing-backend

Backend for ticketing
PHP
1
star
24

jrussumbrella

1
star
25

budgetpal-api

The backend for budgetpal built with Laravel.
PHP
1
star
26

django-postly-app

A social media app project to learn django
Python
1
star
27

realty-api

PHP
1
star
28

issues-management-backend

Code samples for building backend api using Node, Express, Typescript and Prisma
TypeScript
1
star
29

ticketing-web-app

Support helpdesk web app for admins and agents
TypeScript
1
star
30

django-eLearning

ELearning Project for learning Django
Python
1
star
31

realty-mobile-app

Java
1
star
32

react-portfolio

My porfolio written in react js
JavaScript
1
star
33

task-manager-django

Codebase for learning Django
Python
1
star
34

react-movie-library-v2

React Movie Library v2
TypeScript
1
star
35

budgetpal-mobile

Easily keep track of your budgets. Built with React Native, Expo, Typescript, and Redux Toolkit.
TypeScript
1
star
36

e-learning-frontend

Frontend for E-learning Dashboard
TypeScript
1
star
37

e-learning-backend

The backend for e-learning project
Python
1
star
38

easy-recipe

A cookbook like app built with React JS, Node JS, GraphQL and Mongo DB.
JavaScript
1
star
39

cloud-firestore

JavaScript
1
star