GROUP PROJECT: Online Shopping Cart for Fashion Store.
According to our Application Framework group project specification, we have to create an online shopping cart for fashion store. I got wish list, home page & adding comments, reviews parts after dividing functions among 4 group members.
The first thing i have done is, search for some related websites, videos and realized what kind of features and functions that i want to include when i’m implementing my functionality. After having a basic idea i made a simple sketch of the web pages i have to implement..
Then i started building interfaces related to my work. The first interface i have designed is for the home page.
Then I created product display page, Single description page and wish list page.
I used react-bootstrap front-end framework when designing interfaces, which is one of most famous front-end framework for react currently. Then I started creating back end functionalities for get data from MongoDB using axios and display them dynamically in relevant components.
I followed this process to display categories in home page, display all products of relevant category after clicking on a category and display description of a relevant product after clicking on a product.
Then I start creating back-end functions of wish list functionality. Firstly I created a model for wish list using mongoose Schema and then, I created routes and CRUD functionalities using express.
These are screen shots of wish list functions including controller and route file.
Shalitha's Technical Blog 