Clone of reliancedigital.in

This was our project for Unit-5 Construct week at Masai Shcool. Our target was to complete all main functionality of e-commerce website have, such as sing up to till to the byuing of a product. We have completed this project in 5 days.

• Click here to see preview of our project.

Reliance Digital is an Indian electronic products website and E-commerce platform for consumers involved in ordering online. Reliance Digital Retail is a chain of stores that sells consumer electronic appliances. Its products include audio and video devices, digital cameras, durables such as refrigerators, air conditioners, washing machines, microwave ovens, and water purifiers.

Credits

• Images : reliancedigital.in
• Content : reliancedigital.in
• Icons : Font Awesome
• References : MDN Docs | W3School

Tech Stack

• HTML 5
• CSS 3
• Javascript
• Github
• JSON Server

Features

• Login and Sign-in page
• Carouse for product pictures
• Detailed product preview page
• Filters for custom price
• Sort functions for Higher to Lower price,Lower to Higher price and Search bar for finding the product by it's name.
• Manual slider for product card.
• Add to cart opt for buying products.

Area of responsibility

• Lead Project and planning Task
• Project fully functional.
• Homepage is developed by me.

Run Locally

Clone the project

  git clone https://github.com/Manoranjan-Sethi/reliance_digital_clone.git

Go to the project directory

  cd reliance_digital_clone/

Start the server

  json-server --watch db.json

Screenshots

Challenges

1. As every journey has some challenges and so was ours. In our team, all of the members were not familiar with each other so it was difficult for all of us to communicate and collaborate, there were some moments where members were not able to communicate with each other and had a conflict and it was hard for everyone to handle these conflicts.

2. Another problem was to merge all of the files in a proper sequence which was again a difficult task for us because while merging and connecting all the pages some of the pages had the same name, and while running the site it was redirecting to some other pages so it was difficult to find the location and to rename the file.

3. As the navbar and footer were common for all the pages so we copied both of them in a single folder and imported them in every code, this was a kind of new method for us and we struggled while doing this step.

4. We faced challenges with CSS tags and class also, because when we merged CSS files for any page in which 2-3 members have worked, sometimes tags were colliding because of the same names of tags and classes.

Team

• Akash Patel
• Arvind Maurya
• Ashutosh Bhardwaj
• Krishna Chaturvedi
• Manoranjan Sethi