Santhosh-fsdev / Mekhavan_task

This is the react application done to manage addresses of the users. Ant Design is used for the UI.

Repository from Github https://github.comSanthosh-fsdev/Mekhavan_taskRepository from Github https://github.comSanthosh-fsdev/Mekhavan_task

Project Description

This project was built with React and ANT Design for user interfaces. You can View the overall functionality of the project using the youtube link.

Find the Project hosted in Netlify here Netlify_app

Click the image below or use the link youtube_link

Watch the video

To install in your system

git clone the repository or donwload the zip

git clone https://github.com/Santhosh-fsdev/Mekhavan_task.git

Open it in any Code Editor

run the command npm install in the terminal, then

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.

Screeshots of the application.

This is the home page for the application, you have to login with the credentials.

image_1

waiting for the server's response

image_3

After entering the credentials, if it's wrong. You will get a notification of it, shown in the below image.

image_2

If it's right, You will see a success message and will be redirected to the profile > Address page.

image_4

image_5

Click on the add address button to add new addresses

image_6

If it's succesfull, you will receive a message

image_7

If you delete the address by clicking the delete button

image_8

If you edit the address by clicking the edit button

image_9

Dependancies used

    "antd": "^4.5.4",
    "axios": "^0.19.2",
    "react": "^16.13.1",
    "react-router-dom": "^5.2.0"

Support and encourage by giving this repo a Star.

About

This is the react application done to manage addresses of the users. Ant Design is used for the UI.


Languages

Language:JavaScript 93.2%Language:CSS 3.8%Language:HTML 3.0%