This is our first collaborative project at Masai School. SHOP.COM is a new kind of shopping comparison site that offers the most comprehensive shopping experience on the web.
Breaking the whole website into the smallest divisions according to our strong zone.
Setting up the deadline for every individual.
Review the code when someone is unable to make the part prominently.
Regular commits in GitHub and 2 times stand up so that everyone is updated accordingly.
If some flaws are found in the original website, try to solve them as well.
We used HTML-5 and CSS-3 for front-end
Javascript for back-end
Localstorage is used for the data-storing purpose (as we are not introduced to the databases till now)
Team is been lead by Ramesh Mane, and Continuing with the team,
Abdus Salam,
Deepak Mandal,
Gagan Chandan,
Maheendran kp,
Pooja Dhuri,
Ramesh Mane
This is our first project at Masai School using JavaScript, HTML, and CSS. We worked on “Shop.com”, an online shopping store.
This is our home page were we tried to build the same page as it is visible in the main website and also adding some styles to look better, and linking the other pages to the home page.
Coming on to the header and footer part and also the navbar we have made as similar as the original webpage looks.
Coming to the Signup part we have the working signup page as it is exactly visible in the website.
We tried to give our website some common functionality such Sliding,
Tab Switching,
Dropdown Menu,
Hover Effects,
On-scroll shrinking,
Store/Brand pages,
product pages,
Cart pages,
Payment pages,
and the most important Search filtering.
We added our 100% effort on making all the pages was given by the team within the given schedule time.
Here are some of the Snap Shots from the cloned website,
Myself Abdus Salam. This is my first collaborative team project at Masai school. I’m going to tell you my contribution in this project.
Here’s my LinkedIn profile:- https://www.linkedin.com/in/abdus-salam-25921394
- I worked on category section where I created pages like cloths, shoes and beauty products with the help of HTML, CSS and JavaScript.
2 . I used display grid in CSS to display items and in JavaScript higher order function map is used for mapping data.
3 . For filtration and sorting data we used sort and filter function.
4 . My team members are very helpful
Myself Deepak Mandal. This is my first collaborative team project at Masai school. I’m going to tell you my contribution in this project.
Here’s my LinkedIn profile:-https://www.linkedin.com/in/nomercy-hunter-32b885211/
-
I give my contribution on making shop travel, car, department, hotel pages
-
My most of the CSS part is based on the properties of display flex and grid, and on JavaScript using loops and concepts of DOM.
-
I use JavaScript in page to add functionality and for making website responsive to used media queries.
-
I tried my best to make webpage exactly look original with the contribution and help of my team.
Myself Gagan Chandan.P, This is my first collaborative team project at Masai school. I’m going to tell you my contribution in this project.
Here’s my LinkedIn profile:- https://www.linkedin.com/in/gagan-chandan-p-3b4590231
My contributions in this projects starts from the orders part, Continues with some major parts like,
Signup page
Login page
Learn More page regarding the cashback part
And also using some parts like LocalStorage, Html, Css, JS, etc…
Myself Maheendran KP, This is my first collaborative team project at Masai school. I’m going to tell you my contribution in this project.
Here’s my LinkedIn profile:- https://www.linkedin.com/mwlite/in/maheendran-kp-aa2b9122b
1.I have used html and css to create the webpages.
- In CSS part mostly grid was been used, that made my code length shorter.
3.,I used lot of CSS properties to improve my user interface of the webpage.
4,my contribution in this project to create few pages like Shop Buddy, Shop Local, women’s history page.
Myself Pooja Dhuri , This is my first collaborative team project at Masai school. I’m going to tell you my contribution in this project.
Here’s my LinkedIn profile:- https://www.linkedin.com/in/pooja-dhuri-a0b63b221
1)My contribution in in this project:
*stores Page
*Deals Page
with a help of html,css and javascript.
2)I used display grid property in css to display the things and javascript for mapping the data.
using javascript we easily debug the code and it reduce time.
3)I tried to clone exactly link original website’s page.
Myself Ramesh Mane, This is my first collaborative team project at Masai school. I’m going to tell you my contribution in this project.
Here’s my LinkedIn profile:- https://www.linkedin.com/in/ramesh-mane-268a0014a
I worked on Homepage, I used maximum of JavaScript DOM part to design this page because data is in maximum amount and we can’t hardcode it only using HTML.
I also worked on Review, Cart and Payment pages and linking all pages together.
I learn so many things from project, like how to deal with time management, as a team leader how to manage all things.
Challenges -
- Communication
Distance always matters for group work. As we are from different parts of India, miscommunications were the common challenges for us. But, we make it happen with the help of slack and WhatsApp
- Collaboration
As we are using Git collaboration, initially we were facing some technical issues, but continuously co-ordinations, make things easier
These two challenges improve our abilities to be a good Team Player
And we all thank every single team member for contributing and giving there 100% , and completing on time, and making thing simple….