Clone of Skinstore WEBSITE
Hello Readers,
It was during the final week which is depicted as the construct week. We have done this project with group of 6 members and build the clone of a very popular E-Commerce Website which deals With all skin-care and makeup products in in the India
This Project is our construct week project in Unit-4 an we give a name to our project called SkinStore Preoject.
I hope you will enjoy the reading….
Skinstore SkinStore.com is among the leading online beauty retailers worldwide. Millions of women and men have discovered the value, selection, and expertise Skinstore offers. With more than 200 premium brands typically found only in luxury spas. .
We have used Html5, CSS, Advance JavaScript, JSON Server, MongoDB , Express.js , Node.js , our own Rest API for building this Project. We also used tools like GitHub for collaboration of our project, Slack & Zoom as means of a communication channel.
HTML5:
we have used to build the basic structure of the website. All headings, Paragraphs, links, forms, etc. were structured by HTML.
CSS and Bootstrap:
We have used to add styling to the website. We used Advance CSS for Popup Modal window for login/Sign up, Payment, and all other styling.
Advance JavaScript:
We have used to add logical functionalities to the web pages like the on Click function. We have added all the functionalities.
MongoDB:
We have used MongoDB as a database for storing users’ data, products details, and cart details,creating database.
Fetch REST API: We have used Fetch REST API for promise reues and promise Handling using Async Await etc.
Express.js and Node.js
On backend side we use Express.js and Node.js for intigrating with APT.
Let us share our experience,
This entire journey of making the project was awesome. We have learned lots of things by applying to the real website and it gave us a lot of confidence. there were some more functionalities that could have been done, yeah the time didn’t permit us to go further. But we will surely improve it during the course of time in future .
As we have started our journey to learn full-stack web development at the Masai school, Whatever we have learned about these languages so far, we used. But I hope you would really appreciate the amount of precision and the perfectness we have achieved
I would like to say that it is because of the effort that everyone put in. I and my wonderful teammates had, we able to achieve our goal. As part of Masai school, we have always believed that communication and skills are greater than knowledge so it is because of effective communication and sheer will to understand complicated things and make them simple to understand, that we were able to create the page with comparatively fewer resources.
We faced quite a few challenges while developing the clone. The challenges we can remember are as follows:-
Back-end code and Express packages were fairly new to us and thus it became a challenge to fetch the data of the back-end code and solve the errors. Sometimes we worked till 2 am just to debug the error and improve the final version afterward.
We had to learn how to make animations and carousels as a few sections of some pages required us to create image cards, moving navbar, and cart page.
we learned to use Authentication and validation in sign-up login, etc. Here, reading the documentation and looking at the snippets come in handy to solve such problems.
We faced a lot of challenges while getting a similar layout on different screen sizes. Also, we faced a lot of challenges in the deployment of backend code and connecting with front-end code
We are very thankful for the support of my teammates and instructor for the completion of project in due time. We will looks forward to add some feature and functionality which we left in this project for future expensions.
As mentioned earlier, we were able to attain the required layout because of the communication that we maintained. The command chain that we follow and the level of understanding about the topic we had. I felt proud to work with such amazing people and represent the team in the evaluation. This project could not have been made possible without the contribution of all the group members