Light

heyabrar / shoppingparadise Goto Github PK

View Code? Open in Web Editor NEW

9.0 1.0 3.0 1.12 MB

ShoppingParadise is an E-Commerce Indian based web application which sells products related to Makeup, Skin Care, Hair, Mom & Baby Care, Fragrance, Appliances and much more.

Home Page: https://shopingparadise.vercel.app/

HTML 0.66% CSS 1.51% JavaScript 97.83%

chakra-ui css5 html5 reactjs redux javascript react

shoppingparadise's Introduction

Welcome to ShoppingParadise.com

ShoppingParadise is an E-Commerce Indian based web application which sells products related to Makeup, Skin Care, Hair, Mom & Baby Care, Fragrance, Appliances and much more. We Collaborate with the top quality brands to give our users best online purchace services ever.

Deployed URL

Landing Page

Product Listing Page

Single Product Page

SignUp Page

UserProfile Page

Cart Page

Admin Side

Our Collaborated Brands

Our Categories

Features

Collection of wide range of Products
Signup/Login functionality
User can add various products into the cart
Admin page
Cart Section
Responsive

Tech Stack

React
Redux
JavaScript
HTML5
CSS3
Chakra UI
render.com
Material UI
Node Package Manager

Lessons Learned

Gain excessive knowledge on application of React Js ,Redux , JavaScript.
Got to know how to Complete any project with team members.
Enjoyed the process of learning and creating the product.

A Group project build by 4 Developers, executed in 4 Days.

Developers

shoppingparadise's People

Contributors

Stargazers

Watchers

Forkers

itsapurba salonidhatrak joemah

shoppingparadise's Issues

Fregrance Page Needs to be modified-Day 3

Indentation checking
needs to work on CSS

ProfilePage Logout fw18_0243

"My Saved Payments" Page Initial Setup
Design
CSS

Homepage Day-3

spacing modification
worked on indentation
worked on styling css

Abrar Day1 Getting Started with Skin Page.

Top Banner.
Brands You will love,
Shop By Category.
Best Sellers.

ProfilePage fw18_0243

Edit Profile Modal Setup
Modal Design
Modal CSS

LoginPage fw18_0243

Login Design
Login HTML
Initial Routes

Navbar modification Day-1

Navbar content modification
CSS styling and responsiveness

WalletPage & OrdersPage fw18_0243

Setup Initial Routes
Wallet Page Design
HTML CSS

fw19_1132 Day-4 Landing page mid-section

Grid sections layout
styling and responsiveness

Working on the CSS part and Backend Part closed

Profile Page Overall CSS fix
Initialize the backend
Work on the user model

fw19_1132 Landing page styling & Responsiveness

check all sections of the landing page
responsiveness

Day5 (Fragrance Page)

Single Products Page.
Merging.

Hair Page needs to be Modified-Day 2

responsiveness needs to be checked

fw19_1132 Day-2 Navbar

Navbar top section
Styling
responsiveness

fw19_1132 Day-1 Planning

Project planning
Divide the task
Github-related work

Integrate Backend/Node and Express

Integrate Backend/Node and Express
User Model and Schema

ProfilePage fw18_0243

My Profile Form Validation
Remove Address Fix

Navbar Bottom Section Needs To Be Modified - Day1

Navbar Bottom Section needs to be modified.
Checkout Page Implementation.
Indentation Needs To be checked.

Checkout Page Implementing Required - Day2

Checkout Page needs to be implemented.
Spacing needs to be checked.

Abrar Day5 Cart Page.

Cart Page
Merging
Payment Page (If Possible)

Mom and Baby page Modification-Day 1

Responsiveness needs to be checked

Abrar Day2 Skin Page

Payment Page Needs To Be Implemented - Day 3

Payment Page implementation.
Home Page minor styling issues need's to be fixed.

Responsiveness

WalletPage & OrdersPage fw18_0243

Initial Setup
OrdersPage UI
CSS

ProfilePage fw18_0243

Alert
Hero One Design
Hero One CSS

Saloni Day 2 (Hair Page)

Creating a Slide Show.
SHOP BY HAIR CONCERN
BRANDS YOU WILL LOVE

Backend server Day-2

MVC structure followed
Data collection

LoginPage fw18_0243

Auth setup
Sign Up Design
Sign Up HTML
Initial routing

Abrar Day3 Men's Page

ProfilePage Logout fw18_0243

Initial Setup
Create Modal
Logout

ProfilePage fw18_0243

My Address Section Design
Section Design

Fix: Spacing and Indentation

Fixing Spacing and Indentation in Profile page

ProfilePage fw18_0243

Edit Page Modal Setup
Modal Design
Form Setup

ProfilePage fw18_0243

Initial Design
Section Navigation Menu

Saloni Day 3 (Hair Page)

Shop by category.
Best Sellers.
Shop By Hair Type
Supplements For Hair Growth

LoginPage fw18_0243

Actions
Reducers
Dispatchers
Local Storage

Day 4 (Fragrance Page)

Slide Show and Banner.
All Products.

Abrar Day3 Skin Products Page

Products Page.
Pagination Feature.
Single Products Skin Page

ProfilePage Logout fw18_0243

My Wishlist Page Setup
Design
CSS

Abrar Day4 Men's Product Page

Products Page.
Single Products Page.
Pagination.

fw19_1132 Day-3 Carousal

create carousal
styling and functionality
responsiveness

ProfilePage fw18_0243

"Add New Address" Modal Setup
Modal Design
Setup Form
Design

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.