Final FRT Project

Project link (Azure link)

https://proud-sand-0cf163f10.2.azurestaticapps.net/

-E-commerceWebsite.github.io

https://hrishinde.github.io/-E-commerceWebsite.github.io/

Web Technologies used : HTML, CSS, JS

IDE : VS-Code

Industry : Lifestyle

Project Title :Nike shoes store

Problem Statement/Opportunity*:The objective of this project is to design and develop a user-friendly e-commerce website that offers a wide range of Nike shoes for customers to choose from. The website should provide a range of features such as filtering by shoe type, size, color, and price range, as well as detailed product descriptions, high-quality images, and reviews from previous customers. Overall, the goal of this project is to provide Nike customers with a convenient, reliable, and enjoyable shopping experience, while also providing a platform for the brand to increase its sales and customer base.

Project Description*:My project aims to create an online store for Nike shoes that provides customers with a convenient and hassle-free shopping experience. The website will offer a wide range of Nike shoes for men, women, and kids, including running shoes, basketball shoes, sneakers, and more. The website will be designed with a user-friendly interface that allows customers to easily navigate through the website and find the shoes they are looking for. The homepage will feature the latest releases, bestsellers, and popular collections to provide customers with a quick overview of what's available. The technology used for the project is HTML, CSS and Java Script.

Primary Azure Technology*: Static Web Apps , Web Application Firewall

Screenshots and steps

1. Open the Azure portal in your web browser.
2. Select Create a Resource.
3. Search for Static Web Apps.
4. Select Static Web Apps.
5. Select Create. In the Basics section, begin by configuring your new app and linking it to a GitHub repository.
6. Select your Azure Subscription
7. Select or create a new Resource Group
8. Name the app as you wish (e.g. my-first-static-web-app)
9. Valid characters are a-z (case insensitive), 0-9, and -.
10. Select a Region closest to you
11. Select the Free SKU
12. Select the Sign-in with GitHub button and authenticate with GitHub
13. After you sign in with GitHub, enter the repository information.

Creating Web Application Firewall

1. Create a policy
2. Configure WAF rules (optional)
3. Managed rules
4. Custom rules
5. Migrate your WAF Config to a WAF Policy

Demonstration video

https://youtu.be/2szt-o4h0K8