Project: make a clone of Dollar General website.
Original-Website: https://www.dollargeneral.com/
Cloned-Website: https://rupees-general.vercel.app/
This is an America’s Online Store website which speciaizes in selling Daily essinatial Product. The website provides 800 brands and 33,000 products of different types of clothes, watches, sunglasses, shoes etc. In this project I have tried to manipulate dom elements, styling using css and tried to make website more dynamic and responsive. With my efforts and the technology stack, that we have learned till now in Unit-4 in the masai school, we were able to clone the whole website with same looking & features.
- React
- CSS
- JavaScript
- For APi i used Render To delpoy my backend server
- Chakra UI
For storing user data i used Api with ASxios method
- Landing page (Home page)
![Landing page (Home page)] https://drive.google.com/file/d/14wXmlWVY5rGJA5jabNP8mrYEU1aF1AU7/view?usp=share_link
-
Product page ![Product page] https://drive.google.com/file/d/1UAIOanopdPl6ENEVRnHKCV0fO6SOFm17/view?usp=sharing
-
Signin page
![Signin page] https://drive.google.com/file/d/1YfU5qBfAjOYKkCt2YCeWbOK344Qj5RQq/view?usp=sharing
*Admin page
![Admin page] https://drive.google.com/file/d/1slGUbyKG3KNJiie2KntvpqHHZTLBqD2A/view?usp=sharing
- Open the vercel link the attached abouve and use the app
- I am using render service for the backend part so the added data will be removed after some because of render rules
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.
All pages are not responsive yet , those pages are might not be properly visible on small screen devices.