https://github.com/official-shivansh/low-egg-5548

This project is made during the construct week of unit-4 at masai school. This is a individual project
https://github.com/official-shivansh/low-egg-5548

chakra-ui css3 github html5 javascript json-api reacr-router-dom reactjs render

Last synced: 2 months ago
JSON representation

This project is made during the construct week of unit-4 at masai school. This is a individual project

• Host: GitHub
• URL: https://github.com/official-shivansh/low-egg-5548
• Owner: official-Shivansh
• Created: 2023-05-03T17:23:23.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-05-13T10:30:28.000Z (about 3 years ago)
• Last Synced: 2025-05-07T07:53:04.637Z (about 1 year ago)
• Topics: chakra-ui, css3, github, html5, javascript, json-api, reacr-router-dom, reactjs, render
• Language: JavaScript
• Homepage: https://health-house-five.vercel.app/
• Size: 567 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# low-egg-5548

# Health House

-----

### For Educational And Learning Purpose* 

Project: Book appointment with doctor and purchase medicine

Website: https://health-house-official-shivansh.vercel.app/

## Login Page

![health house login](https://github.com/official-Shivansh/low-egg-5548/assets/117287131/52d76467-7edf-45ef-b2cc-e727a9540426)

## Landing Page

![health house landing](https://github.com/official-Shivansh/low-egg-5548/assets/117287131/c7d462db-aa3c-41a5-b8a0-9a6588719104)

## Medicine Page

![health house medicine](https://github.com/official-Shivansh/low-egg-5548/assets/117287131/d76d14af-4e0d-4907-8494-73ea1023a83f)

## Status Page

![health house status](https://github.com/official-Shivansh/low-egg-5548/assets/117287131/80507fb4-4b9d-446f-955b-08802aaaffbc)

This is an Medical website which speciaizes in providing doctor and selling medicine products for all age groups. The website provides 33,000 products of different types medicine products .

In this project we have tried to manipulate dom elements, styling using css and tried to make website more dynamic and responsive. With our efforts and the technology stack, that we have learned till Unit-4 in the Masai School, we were able to clone the whole website with same looking & features.

# Technology Stack Used 🌟

* HTML

* CSS

* JavaScript

* react-js

* chakra-ui

For storing user data we also used JSON-Server.

## How to run the Project

* Open pages directory.

* Open index.html using live server.

## End Notes 📑

In this project we were tried to achieve a near to perfect clone of the original website as much as possible. This entire journey of this construct week has given us experiences and we have learned lots of things by applying to the real website and it gave us a lot of confidence. Most of the features are added and functionality of the website is achieved.

## Limitations

Pages are not responsive yet , those pages are might not be properly visible on small screen devices.