E-Commerce layout mock-up website that allows users to modify shopping cart with personal information and form validation. Per the final and bonus step in our assignment, we were required to style the website however we wanted. For this, I used Bootstrap, custom SCSS, and modified SVG images in Illustrator to maintain theme colors. The Bootstrap Carousel and Card component are used thoroughout the site.
Original instructions provided below for reference.
A company in the e-commerce sector has asked us for a web application that allows them to offer the purchase of their products through the internet.
You will be in charge of setting up an initial demo version of the application for the client: management of the shopping cart and the application of the promotions on the final price. You have 2 weeks to finish, which is how long this sprint lasts.
- Clone this repo
$ git clone https://github.com/itacademyReact/starter-code-sprint3.git
- Unlink your repo from the itacademy repository. (Explanation: You have to upload the code to your GitHub repository, not to the IT Academy repository. That's why you have to unlink your project from IT Academy GitHub with the following command)
$ git remote rm origin
- Link your repo to the repository you have to create in your github account. (Explanation: Now your project is not linked to any remote repository. In order to upload your code, you have to link your project to the new repository created on github.com using the following command)
$ git remote add origin <your repo name!>
- Upon completion, run the following commands:
$ git add .
$ git commit -m "Sprint Solution"
$ git push origin master
- Upload the link to the virtual campus so that your mentor can correct it and give you feedback.
The statement of the exercise is available on the virtual campus.
You have the following indications from the frontend manager:
-
You have prepared the base of the project on which you will work: https://github.com/itacademyreact/starter-code-sprint3
-
The base of the project on which you will work has already created all the files, and an initial version of the interface, so you can focus on programming the logic.
-
As at the moment we don't consume data from a server using an API, we will work with hardcoded data in the application. For the moment we will implement the logic using a small group of 9 products divided in 3 sections.
-
Except for the last level, showing the result of the functions by console is enough.
-
The logic to implement will be placed in the src/grocery.js and src/checkout.js files. You will see that the built in functions have already been created for you to implement them.
-
It is forbidden to copy the code, since this way you don't learn anything. Furthermore, as you can see, the second release of sprint 5 is a mini-level test with the mentor, in which you will have to demonstrate live that you have acquired the javascript concepts. Don't worry, if you work on the releases you won't have any problems.