Skip to content

Bluefly is an online retailer of designer brands. It distributes apparel and accessories, household products.

Notifications You must be signed in to change notification settings

bishnu05/BlueFly-clone

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bluefly

Hi Everyone, This is our second team project at Masai school.

Team member includes:-

  1. Rohaan Telangur
  2. Akash kolte
  3. Bishnu Gorai
  4. Rayala Harish
  5. Shashank Nath
  6. Sagar Rajendra Pawar

This is our second project at Masai School using JavaScript, HTML, and CSS. We worked on , Bluefly.com an online Desiger Fashion colths selling store.

We had a time frame of seven days. This was the first website building project for all of us, yes am emphasizing “website building” 
because we have built this website from scratch.</p>

Home page:-

Sign up & Login:-

We tried to give our website some common functionality such as Carousel Sliding, Tab Switching, Dropdown Menu, Hover Effects, On-scroll shrinking, Store/Brand pages, product pages, Cart pages, Payment pages, and most important Search filtering.

Shop page:-

We have tried to build the exact Navigation bar as has with the On-scroll size shrinking and the drop-down menu on-hover, and many other functions. We have built the exact footer as it is on the original website.

Product page:-

Cart page:-

Checkout - Information:-

Checkout - Shipping Page:-

Order Successful Place

This was our first project where we used JavaScript. Here we have GitHub repository link of our BigBasket.com project :

1.Rohaan Telangur :-

I worked on the home page, cart page & checkout page tried clone it exactly like the original website’s page specifically when it comes to the Navigation bar, footer, banners, and app download banner.
Worked on almost every page of the website in terms of syncing all the pages together and fixing the Navigation bar, footer sitemap, and as well as on functionality of the website.
Built product search filtering Created a local database for the search bar functionality And much other syncing functionality in this project was part of my job.
I used HTML, CSS, Bootstrap-5, Sweet alert, JS, and Local-Storage ( to store and get data) and creative tags in JavaScript.

2. Akash kolte:- My LinkedIn profile is

    I worked on the product page and cart page. I face some problems in the JavaScript part but it 
gets resolved by discussing them with my friends.
    I learn a lot of things in JavaScript, learn more about local storage, how to append, add the 
product to the cart, make sliding and drop-down pages, and also improved my HTML & CSS, I like working as a 
team, interact with each other professionally.
    I gave my best and did a lot of things but still, there are a few functionally things that are left 
behind and remain static. In my point of view, we can make our website more efficient by using JavaScript 
from the initial days so that we can save time unlike making pages again and again by using CSS and HTML so that we 
could have been worked more on the remaining things.

3. Shashank Nath:-

        It was a great experience for me as this is my first project in tech. I
        was very excited when we started working on the project. My team members
        were very supportive and helped me a lot during project work.
        I learned html, css, JS, DOM, and local storage in the second unit at masai school, so I use
        that concept in this project. In this project specifically
        I worked on product pages and the product desciption page. So, overall I get to know new concepts 
and I also learn how to work in a team.

4. Bishnu Gorai:- My LinkedIn profile:

            I used many properties and learnt a lot of things from this project :-
            I used HTML, CSS, JS and Local Storage ( to store and get data).
            I used CSS flex and grid properties to reduce code and time.
            I worked in slide-show, product page and FAQ’s section.
            At last Would like add is that, My team members were very supportive.

5.Harish Rayala:-My LinkedIn profile:www.linkedin.com/in/harish-rayala

I have used HTML, CSS to create a attractive webpage and with JS for all functionality.
My contribution in this project is about making shop pages for the categories like shoes, Handbags & Accessories, Designers, Men, women etc.,
this is similar for all the categories pages.
By using CSS grid I have made content in alignment. and used Media Queries response for the User friendly.
I like working as a team, interacting with each other professionally.
our teammates are very supportive in building this website. Thankyou .

6. Sagar Rajendra Pawar:-

    It was a great experience for me as this is my first project in tech. I
    was very excited when we started working on the project. My team members
    were very supportive and helped me a lot during project work.
    </p>

About

Bluefly is an online retailer of designer brands. It distributes apparel and accessories, household products.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 77.4%
  • JavaScript 15.9%
  • CSS 6.7%