Giter VIP home page Giter VIP logo

online-shopping's Introduction

Mini Project: Online Shooping - Shoppe Web Clone

Date: 19 - Mar - 2020

Functions

  • Study HTML & CSS & Responsive
  • Build a Responsive Website for mobile, tablet, medium screen, large screen

Template

http://shopee.vn/

Screenshot

Tech-Stack

  • HTML
  • CSS

Plan Of Action

  • Initial project
  • Base source
  • Reset CSS
  • Base CSS
  • First layout
  • Navbar CSS
  • import font-icons
  • Icons CSS
  • Header QR code CSS
  • Header notification CSS
  • Base modal
  • Sign Up form
  • Style for Sign Up form
  • Login form
  • Modal animation
  • Search component
  • Header Empty carts
  • Header cart badge
  • Header cart - List products
  • Header user info
  • Header Fix UI bugs
  • List Products
  • Sort products
  • Style for Product
  • Fix UI Bugs
  • Pagination UI
  • Footer
  • Responsive
    • Header Search
    • Cart
    • Header sort bar
    • Header search
    • category product
    • Mobile, Table category
    • Fix UI bugs
    • Mobile footer
    • Fix UI

After this project

Study HTML & CSS

  • Layout HTML with flex-box
  • Use media queries to make responsive
  • className with BEM

Directory Structure

.
├── assets
    ├── css
        ├── base
        ├── grid
        ├── main
        └── responsive
    ├── fonts
    └── img
├── README.md
└── index.html

Set up

Use the cmd line to clone repo to your computer

git clone [github_repo_url]

Open index.html to run the application

online-shopping's People

Contributors

renovate-bot avatar tinspham209 avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

online-shopping's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

This repository currently has no open or pending branches.

Detected dependencies

html
index.html
  • normalize 8.0.1

  • Check this box to trigger a request for Renovate to run again on this repository

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.