Developing CapdaS -A sustainabe E-commerce Store

Full MERN Stack Project

Hi Everyone, This Construct Week at Masai School came with a little twist earlier during the construct at the end of each unit we are given a task to clone an existing website but this time we were paired with UI/UX designer of DesignShift and we were given a task to create an entire website from scratch. After meeting with our UI member we realized that he has designed a website for mobile i.e for the screen size of 375*812. The effort made by him in designing a website after an extensive research of a month boosted our will to convert the design into a live website. The entire team was enthusiastic as this was our first Full MERN Stack Project. We collaborated and finished the project just before the deadline . Executing this project has provided exposure to both Frontend and Backend and boosted our confidence in full-stack development . During this Project, we also got familiar with Figma.

About Website

CapdaS -A sustainable E-commerce Store that offers a platform for the textile industry to sell its product Online and reach maximum Customers.

Tech Stack Used

  • React
  • MongoDB
  • Express -NodeJs
  • Figma -Axios
  • Bootstrap
  • JavaScript
  • Css

Start and Splash Screen

1.JPG

SignUp and Login Page

2.JPG

Home and Category Page

3.JPG

Product Page

4.JPG

Product Detail and Bag Page

6.JPG

Payment Page

7.JPG

This has been a great and wonderful experience for us and the whole team member to get coordinate with each other and build this website in a given time. This entire journey of making the project was awesome. We learned lots of things by applying to the real website and it gave us a lot of confidence.