GithubHelp home page GithubHelp logo

sonu-shettiyar / sugarcosmetics-clone Goto Github PK

View Code? Open in Web Editor NEW
7.0 1.0 0.0 1.69 MB

The cloned website, named BeautyBliss, is an e-commerce platform that specializes in selling cosmetics from a particular brand.

Home Page: https://gleeful-lily-870fcb.netlify.app/

HTML 31.23% CSS 53.10% JavaScript 15.67%
boot css3 html5 javascript sugarcosmetics

sugarcosmetics-clone's Introduction

Sugar Cosmetics Clone Documentation


Logo

Beauty Bliss

This documentation provides an overview of the Sugar Cosmetics clone project developed during Construct Week in Unit-3 at Masai School. The project was a team effort involving four members and was completed within a span of 5 days.

Project Details

About The Project

The Sugar Cosmetics clone project aimed to replicate the functionality and design of the original Sugar Cosmetics website. The cloned website, named BeautyBliss, is an e-commerce platform that specializes in selling cosmetics from a particular brand.

Technologies Used

The team utilized the following technologies and tools to develop the Sugar Cosmetics clone:

  • JavaScript
  • HTML
  • Bootstrap
  • CSS

Project Features

The BeautyBliss website is a dynamic and medium screen responsive application. The key features of the project include:

  • E-commerce functionality: Users can browse through the available cosmetics and make purchases.
  • Product listings: The website showcases a range of products available for sale, including detailed product descriptions and pricing information.
  • Shopping cart: Users can add products to their cart and proceed to checkout.
  • Checkout process: Users can enter their shipping details and complete the purchase.
  • Responsive design: The website is optimized for medium-sized screens, ensuring a consistent user experience across devices.

Team Members

The Sugar Cosmetics clone project was developed by the following team members:

-Signup/login page Screenshot (944)

Screenshot (943)

  • Cards with Sliding pagination Screenshot (938) Screenshot (939) Screenshot (940) -Card Image Screenshot (941)

-Specific Category page

Screenshot (947)

-Footer Screenshot (942)

Conclusion

The Sugar Cosmetics clone, named BeautyBliss, is an e-commerce website that offers a seamless shopping experience for cosmetics enthusiasts. By leveraging JavaScript, HTML, Bootstrap, and CSS, the team successfully replicated the functionalities and design of the original website. For more information, refer to the provided project URL and GitHub repository links.

For any inquiries or further details about the project, please contact the team members mentioned above.

sugarcosmetics-clone's People

Contributors

abhi0049k avatar amit0841 avatar sonu-shettiyar avatar tejas840 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

sugarcosmetics-clone's Issues

Buy Now Pay Later Section

  • Cards
  • Buttons for previous cards
  • Buttons for the following cards
  • Add to cart Functionality
  • Add to Wishlist

Merch Station

  • Cards
  • Buttons for previous cards
  • Buttons for the following cards
  • Add to cart Functionality
  • Add to Wishlist

Responsiveness

Adding media query to following

  • login page
  • signup page
  • payment page

Day-4

  • Top Picks Section
  • Header Section
  • Discount Section
  • Hot Deals
  • Just In
  • Gifting
  • Refer your friend
  • Newly Launched

Product Page

  • Banner
  • Create small cards
  • CSS
  • fetch and render
  • pagination

Footer

  • Subscription Section
  • Social Media Section
  • Information about the company Section
  • Contact us Section
  • Company's Application Link Section
  • Copyright Section

Login

  • Layout
  • Background texture
  • Ad-Pop notification
  • form validating
  • linking and redirecting
  • alerts
  • CSS

SignUp page

  • new layout with some changes
  • form validation
  • CSS
  • background-texture
  • alerts
  • OTP confirmation
  • redirecting

Super Savers Section

  • Cards
  • Buttons for previous cards
  • Buttons for the following cards
  • Add to cart Functionality
  • Add to Wishlist

Landing Page

  • Discount Section
  • Login/Registration Section
  • Navbar
  • Slideshow Section
  • Best Sellers Section
  • Hot Deals Section
  • Just In Section
  • Top Peeks of the Week Section
  • Buy Now Pay Later Section
  • Gifting Section
  • Refer your Friends Section
  • Super Savers Section
  • Newly Launched
  • This or That Section
  • Sugar Beauty Blog Section
  • Merch Station Section
  • Explore
  • Footer

Best Seller Section

  • Cards
  • Buttons for previous cards
  • Buttons for the following cards
  • Add to cart Functionality
  • Add to Wishlist

Navbar

  • Lips Dropdown Div
  • Eyes Dropdown Div
  • Faces Dropdown Div
  • Skincares Dropdown Div
  • Accessories Dropdown Div
  • Gift & kits Dropdown Div
  • Blog Dropdown Div
  • Dropdown Functionality

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.