sunny-thakurwar / test

Getting Started with Project

run npm install command

run npm run start to start the project

Project Description :

Requirements

Functional requirements

1. Users should be able to create a new contact.
2. Users should be able to view a list od contacts.
3. Users should be able to delete a contact.
4. Users should be able to Add a contact.

Non Functional Requirments

1. The codebase should follow best practices and be well-documented to facilitate maintenance and updates.
2. The system should have an intuitive and user-friendly interface.
3. The system should be able to scale horizontally to accommodate increasing numbers of contacts.

Project Tools:

React is selected to build the project as it better in performance, backward compatible , Modular , Maintainable

scss is used for styling the component.

To improve readabilty and maintainability BEM standards are followed by the project.

Api call are managed using native fetch api.

Mock Apis are used to fetch , delete , add data to the backend

the state logic is handled using UseState and UseEffect Hooks

Project Description :

The app has two section add contact and contact list. The Form Component is used to handle Form Logic to Add the Contact. The Conditinal Render component handle loading and error state of the app and render the children.

project Output

Available Scripts

npm start

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

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.