Giter Site home page Giter Site logo

shehab8k / frontendjsproject Goto Github PK

View Code? Open in Web Editor NEW

This project forked from omar456-asc/frontendjsproject

0.0 0.0 0.0 6.75 MB

Professional JavaScript Website Project for ITI

Home Page: https://shehab8k.github.io/FrontEndJSProject/

JavaScript 24.52% CSS 20.99% HTML 54.50%

frontendjsproject's Introduction

E-Commerce Website

Welcome to our professional JavaScript Website

๐Ÿ’ป Technologies

  • HTML5
  • CSS
  • Bootstrap 5.3
  • JavaScript
  • AJAX
  • Font Awesome

๐Ÿ“ƒ Pages

โญ Features

  • Home

    • Search for products (all products that apply to search query will appear)
    • Filter products based on categories (All/Smartphone/Laptops)
    • Cart is animatedly slided from the right
    • Products are shown in responsive cards
    • When user is logged in will be greeted with his registered name
    • FAQ Button will slide you down to FAQ section
    • Dynamic horizontal scroll showing your current position in page
    • Up arrow to bump up to top page
  • Signup & Login / Logout

    • Input Validation with using suitable Regex
    • User data is stored in local storage
    • Password is encrypted
    • When login success a Cookie will be created
    • When logout Cookie is deleted
    • Auto direct to home page if logged in till you logout or cookie expire (24 hour)
  • Product details

    • Click on any product to show its details with the ability to be added to cart
  • Checkout

    • You will be asked to enter your info
    • Then Payment details
    • Then Proceed
    • Thanks for Purchase will appear
    • User is able to return and continue shipping any time in these phases
    • P.S Don't forget to use our Promo code blackFriday to get your discount ๐Ÿ˜
  • Cart

    • You can add as many products as you want with user friendly cart with scroll
    • Adding Same product multiple times increases count number which can be decreased later
    • When logging out and then login your cart will still have the latest changes
    • You can checkout

โญ General Features

  • Website is completely responsive and fits all screens
  • User Friendly UI
  • Data like products are fetched from JSON using AJAX as dummy data
  • User can't add to cart if not logged in
  • Can't checkout if no products in cart
  • JSON, Cookies and Local storage are used to assist in development

Developers

Demo Video

Website Demo Video

frontendjsproject's People

Contributors

omar456-asc avatar sarahussam77 avatar mariambakry avatar shehab8k avatar mahmoud1499 avatar

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.