Wesell is my latest project at Noroff where our task was to build an E-com site with some required user stories.
Wesell offers a smooth and seamless experience navigating the site, add items to cart, checkout and look at individual products and contact the store.
For the product page I went with a clean and minimalistic look. The reviews can be clicked from a dropdown and you can add the product to cart easily
For the cart page there are two states that are possible. Empty cart or items in the cart.
For the empty cart you will be greeted with a very simple but effective "Your cart is empty screen"
While for when you have products added, it will loook like this.
When checked out:
And lastly you have a contact us screen with some forms that have form validation implemented as per required user stories.
All in all a very fun project to work with and I look forward to using react more in my future programming journey.
-
When you first clone the repo and open it in VSCode its important that you run
npm installin the terminal. -
Once you have done that you can now run
npm buildin the terminal which will build the project for you. -
Then, if you'd like to make changes or see the project in real time you will have to run
npm run devto open up a 'liveserver' where all the possible changes to the project you do will be displayed in real time.