This was our final group project for Web-Technologies. We made basic Online Clothing Store for youth clothing line brand StyleInc by MERN Stack. We are greatful for our instructor Dr-Adeel Ansari. This project was our basic foundation in Web Devlopment, we all enjoyed and learned alot while making this project.
- Admin can Add, Update, Delete Men Clothes.
- Admin can Retrive a list of Men Clothes.
- Admin can Add, Update, Delete Women Clothes.
- Admin can Retrive a list of Women Clothes.
- Admin can Retrive Order list.
- Admin can View and Delete an Orders.
- Admin can Delete Users.
- Admin can Retrieve a User List.
- Customer can register to into website portal,
- Customer can add a item from cart for Men Clothes.
- Customer can remove a item from cart for Men Clothes.
- Customer can add a item from cart for Women Clothes.
- Customer can remove a item from cart for Women Clothes.
- Customer view his order details history
- Cutomer can update his profile.
- multer - middleware that handle the images file in our Men Clothes and Women Clothes Controller
- proxy - is used (instead of cors) as our main backend middleware that us communicating with proxy
- bcrpyt - to encrpt our password
- jsonwebtoken - is used for our session mangement
- express - is acting as our backend server
- joi - validation in mongodb
- express aysnc handler - to handle errors in asynchronous function
- mongoose - is used for modeling models in mongodb
- boostrap - built in components in of React Js
- axios - is used main frontend middleware that communicating with proxy
- react router dom - is used for dynamic routing the web pages.
- react redux - it manages state and state transformations ih React
- redux consts action reducer - A reducer is a function that determines changes to an application's state. Redux relies heavily on reducer functions that take the previous state and an action in order to execute the next state.
- thrunk - is middleware that allows you to return functions, rather than just actions, within Redux