Tiny Toes - Ecommerce Website

File Structure

foolish-quiet-4224

├── index.html

│ ├── signup.html

│ ├── signin.html

│ ├── product.html

├── product.html

│ ├── product_details.html

├── product_details.html

│ ├── Cart.html

│ │ ├── checkout.html

├── admin.html

│ ├── index.html

├── user.html

│ ├── profile.html

│ ├── orders.html

Tiny Toes - Grow with Style

Tiny toes is basically a clone website for firstcry.com. This website is responsible for providing the best baby faishon products and accessories all over the India.

Languages used

HTML (Hyper Text Markup language)

CSS (Cascading style sheet)

JS (JavaScript)

Links used

MockApi links

Google chart links

Google font/icon links

Team manager:- Ritesh Kamthe (IA).

Team member 1:- Vivek Sharma (Team lead)

He is responsible for making the product description, profile and orders page of the website.

1. Profile page- This section is responsible for checking the user details and also the details can be updated by the user.
2. Product description page- This section is displaying the details of the product selected by the user and after selecting the size as per the user the product can be added to the cart and also can remove the products from the cart.
3. Orders Page- This section is displaying the order history of the user and also user can track and cancel the ordered product.

Team member 2:- Pravesh Sharma

1. Index page - He is responsible for making the landing page of the website, where all the user get the first intraction to the website . It contains all the necessary categories, offers, discount banners, new released product and information about the website are provided for the users. It is also responsible for chaining all the sections and collecting data for the website.
2. Sign-up and Sign-in Page - This section is responsible for Signing-in and Signing-up with the user details.

Team member 3:- Shweta Singh

She is responsible for making the card section of the website to render all the products of the website from different-different categories. This section catching all the products from the API and having various functionalities like-

1. Search functionality provides the products on the page with that has been searched by the user with product's title and description.
2. Sort functionality based on prices and featured products.
3. Filter functionality filters the products and render based upon brand, category, size and price.
4. Pagination providing different numbers to render limited data on a single page.

Team member 4:- Mazhar Iqbal Siddiquee

He is responsible for making the cart, checkout section and billing section of the website.

1. Cart page- This section is displaying the products which has been added to the cart by the user and also responsible to update the quantity as well as displaying the total cost of the products added to the cart.
2. Billing page - It's having form fuctionality which is storing the billing address and other data that are used admin section to store the details of the users who's purchasing the products. This stored data is also helping in the admin network section part also.
3. Checkout page - User can checkout by entring theirs payment details.

Team member 5:- Ansh Kathpal

He is responsible for making the admin page of the website, where the admin page have the full control over user side of the website. It's having its own secure login prompt (working with mock API links) where only admins of the website can login or create accounts for others, Where as admin page consist of dashboard, product, order details, admin profile and create profile section.

1. Dashboard provides the full information of all the product status with the help of google chart.
2. Product section provides control over the product, it's having functionality to add, remove and update the product details.
3. Order details section contains all the customer's information that are buying products from the website and also has the functionality to present network/connection to over the world of the website
4. Admin profile section contains all information of admins. It has functionality to present the location of admin with the the help of google map.
5. Create profile section is responsible to add & set the admin details for creating new account to the admin page.

Website Images

Landing Page

Registration and Login Page

Product Display Page

Product Description Page

Cart Page

Checkout Page

Profile and Orders Page

Admin Page

Deployment

Netlify : https://rad-wisp-729722.netlify.app/