Contacts application that enables users to browse and manage their contact list across different devices easily.
🏠 Homepage
Watch the video below for a quick demo of how the application works:
Note: The video may take some time to load. Please be patient.
.
├── src/components # Contains all reusable UI components.
├── src/constant # Stores constant values like status codes, app-wide static configurations, or messages
├── src/interfaces # Defines TypeScript interfaces and types used throughout the app for strong typing
├── src/locales # Includes localization (i18n) files for supporting multiple languages
├── src/providers # Houses context providers for managing app-wide state.
├── src/services # Contains API service handlers.
├── src/utils # Contains utility/helper functions used across the app.
├── src/App.tsx # Root component that sets up routing and integrates major providers or layout
├── src/index.tsx # Entry point of the React app where the app is rendered to the DOM
├── .gitignore # Specifies intentionally untracked files to ignore in Git.
- Node.js (v14.0 or higher)
- npm (v10.4.0 or higher)
- Clone the repository
Run the following command to clone this project to your local machine:
git clone https://github.com/whflima/contacts-react-app.git- Navigate to the project folder
Run the following command to move into the project folder:
cd contacts-react-app- Install dependencies
Run the following command to install the required dependencies:
npm install --forceIt will install all the necessary packages listed in the package.json file.
- Start application
Run the following command to start the development server:
npm run startOpen http://localhost:3000 to view it in the browser.
👤 Welisson Lima
- Github: @whflima
- LinkedIn: @https://www.linkedin.com/in/welisson-lima/
Give a ⭐️ if this project helped you!
