- This web application lists the available interior designs and products to the user. User can select among living Room, Kitchen, Bed Room and Dining Room.
- When user successfully login, he/she will be redirected to the Home page of the website.
- Logged in user can shop for the products and add them to the bag
- Once the products are added to the bag their quantity can be increased or decreased.
- User can also select all files at once, and go for checkout.
- Once the checkout is done, the message gets displayed to the user. and the items which are checked out will be cleared out.
- The user can also search by the name of the product. and the results are displayed accordingly.
- Also user can shop by their types of rooms.
- This web application accepts valid username like
- Username should be combination of alphanumberic & usernames will not accept any special characters not even space in between username, failed to do so user will get user friendly error message
- Users cannot have username as "dog", failed to do so you will get the user friendly error message
- If user directly hit the "login" button with empty username, user will get the user friendly error message
- With Successful login user will be navigated to the Home Page
- By clicking on Logout Button user will send back to the Login page
- User created posts/blogs are saved/updated in the state and will remain in the state, unless the server restarts
- On successful login, user will land to home page.
- Home page comprises of dashboard and other clickable action items.
- In default home page, mixture of all products are shown at this level.
- On a click on any of the product item. the following items will be added to the bag
- In this way user can shop according to the type like, going to the living room, kitchen, bed room , and dining room
- From this the user can go to particlar products according to their types
- With this feature user can search the products by just typing it's letters and recomendation will be shown.
Use the package manager npm to install the node_modules which is required to run the project npm install
- open the terminal and run
npm start
this will start running server - In second terminal run
npm run dev
this will run the frontend application - command
npm run build
will work for the application
- Used validations to validate the data provided by the user.
- Have implemented state management effectively with the use of useReducer
and
useState` wherever required. - Implemented the search feature to search for the products in all the availale producuts accross all the types of product.
- Used SetTimeouts whenever required to improve the user experience.
- Logout button is present on all pages/functionality giving user privilege to come out of the application whenever user want
- User can also select all files at once, and go for checkout.
- Once the products are added to the bag their quantity can be increased or decreased.
- Improved User Experience by using right color pattlete and css styles
NUID: 002101719 Name: Meghana Reddy Kothakota