Welcome to our professional JavaScript Website
- HTML5
- CSS
- Bootstrap 5.3
- JavaScript
- AJAX
- Font Awesome
- Home
- Login & Signup
- About us
- Contact us
- Product details Choose different products to get their details
- Checkout
- Slided Cart Press Cart icon on navbar
-
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
- 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