Student Name & Student Code: Rushikesh Diliprao Bhomale ( fw25_348 ) https://github.com/rbhomale17
IA Manager: Venugopal Burli https://github.com/ABVenu
For the Construct Week Project, I have created a clone of an Indian health supplement-buying website called HealthKart.com. A health supplement-buying site helps to find the right supplement according to the consumer's fitness goal. The company is headquartered in Gurgaon, Haryana.
An Individual project exicuted in 6 days. Developed a basic flow for the Front End of the website.
-
Landing Page.
-
Product pages.
-
Sign-Up Page for the customer.
-
Dynamic Login Page.
-
Cart page.
-
Wishlist page.
-
Checkout page.
-
Dynamic filter functionality added on product pages.
-
Myorder section for customers to track the order.
-
Admin site ( CRUD operations )
a. Product Management ( CRUD )
b. Admin Registration page
Also created a entire Back-End of the website with help of JavaScript and Node.js modules.
Technology Stacks
Front-End: CSS | HTML | JavaScript
Back-End: JavaScript | Node.js | Express JS | MongoDB | Mongoose | npm
Back-End Deployed on Rendor.com
Back-End Deployed Link:- https://moral-riddle-2098-project-server.onrender.com/
Project App: Deployed on Netlify.com
HealthBooster.com: https://healthboosterproject.netlify.app/
Front End
An deployed Back-End link API is used for the functionality of all the Operations and functionalities for entier website. In the Navbar section, you can click on the login button which will open a Sign-up Page if you are a new user on our website so you have sign-up first. After creating a new account you will automatically be redirected to the login page within 1 second. Where you can use UserName as your registered Email id: - user@gmail.com and the password that was given at the time of sign-up as - user@1432 to login into the page, after successfully Logging in you will be redirected to the Index Page or a Home Page automatically. If you enter any wrong information on the Login page it will not show you Wrong Email or Password... Where you can see the different tabs present on a navigation bar like product tabs, carts, and wishlists.
Then clicking on all product tab present on the navbar will redirect that all category products page where you can choose different products are shown. We have shown filtering functionality on the top where you can filter dynamically. Then on every product, two buttons or options are there that you can use to add the product to the cart & wishlist respectively. After adding the product to the Cart user can proceed to checkout by clicking on the Place Order button after filling details of the order and the delivery order will be placed if the cart is not empty.
On the Admin dashboard, there are multiple options are present like Admin registration: Logged-in admin can create a new admin user from here only. Add Product: on clicking on this button new add product page will open after filling necessary data on the form and clicking on submit button new product is added to your webpage or site. Log Out: In the upper right corner of the webpage, name of logged in user is appear when user hover over that name there Log Out option is present after clicking on that user will be logged out and redirected to the Home page of the website.
Our HealthBooster website basic flow is Given Below
1. Sign-up Page for HealthBooster customers
2. Sign-in Page for HealthBooster customers
3. Home Page of Our Site
4. Product Page
5. Wishlist Page
6. Cart Page
7. Checkout Page
8. Admin Dashboard Page
Thank You...