Jazila-main

A Website E-commerce app Using Nextjs, Typescript, Tailwindcss, React-query,Nestjs, Zustand

Overview

• Official website: jazila
• Author: SM Tanimur Rahman ( @SMTanimur )

Preview

Resources

GithubUrl : https://github.com/SMTanimur/UmmahLink-graphql

Frontend Main technology used

• Nextjs , Typescript
• Tailwindcss
• Zustand (State management)
• Axios (Support fetching data)
• Swiper (Slider), react-modal
• React-form-hook , yup (Validation)
• React-hot-toast, sweetalert2 (Message UI)
• React-perfect-scrollbar
• React-perfect-scrollbar
• react-virtuoso

Backend Main technology used

• Nestjs, Typescript
• Mongoose
• Express
• Passportjs
• Express-session base (Auth)
• Cloudinary

Features

• User Authentication and Registration:Allow users to create accounts, log in, and manage their profiles. This feature is essential for personalizing the shopping experience and managing orders.

• Shopping Cart: Enable users to add products to their cart, view the contents, update quantities, and proceed to checkout. The shopping cart is a critical component for the purchase process.

• Product Reviews and Ratings: Allow customers to leave reviews and ratings for products they've purchased. This can help build trust and influence the purchasing decisions of other shoppers.

• Responsive Design: Ensure that your website is optimized for various devices, including desktops, tablets, and smartphones, to provide a seamless browsing experience.

Environment Variables

MONGODB_URI=mongodb://127.0.0.1:27017/ummahlink-graphql
NODE_ENV=development
PORT=3333
JWT_EXPIRATION=3036
JWT_SECRET=sjfdjfkkedfjkedf
MAIL=
WEB_URL=
API_URL=http://localhost:3333
SESSION_SECRET_KEY=fjdsfjksd
SESSION_NAME=ummahlink_sid
API_LOG_ENABLE=true
CLOUDINARY_CLOUD_NAME =
CLOUDINARY_API_KEY =
CLOUDINARY_API_SECRET =
NEXT_PUBLIC_API_BASE_ENDPOINT=http://localhost:3333

Screenshots

Home Page

Cart Page

Product

Product Add

Sign In Page