{"id":25212979,"url":"https://github.com/arunkumar201/user-profile-management","last_synced_at":"2025-04-05T07:40:37.063Z","repository":{"id":266975908,"uuid":"899878300","full_name":"arunkumar201/user-profile-management","owner":"arunkumar201","description":null,"archived":false,"fork":false,"pushed_at":"2024-12-07T11:54:54.000Z","size":97,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-10T15:18:32.747Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://user-profile-management-7vqf-arunkumar201s-projects.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/arunkumar201.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-07T08:59:37.000Z","updated_at":"2024-12-07T12:12:19.000Z","dependencies_parsed_at":"2024-12-07T12:36:25.421Z","dependency_job_id":null,"html_url":"https://github.com/arunkumar201/user-profile-management","commit_stats":null,"previous_names":["arunkumar201/user-profile-management"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arunkumar201%2Fuser-profile-management","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arunkumar201%2Fuser-profile-management/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arunkumar201%2Fuser-profile-management/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arunkumar201%2Fuser-profile-management/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arunkumar201","download_url":"https://codeload.github.com/arunkumar201/user-profile-management/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247305906,"owners_count":20917202,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-02-10T15:18:34.713Z","updated_at":"2025-04-05T07:40:37.047Z","avatar_url":"https://github.com/arunkumar201.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Profile Management Application\n\nA React TypeScript application for managing user profiles with features like form validation, routing, and data persistence.\n\n## Features\n\n- Create and edit user profiles\n- Form validation \n- React Router for navigation\n- Context API for state management\n- JSON Server for API simulation\n- Error handling with Error Boundaries\n- Loading states and spinners\n- Code splitting and lazy loading\n- Performance optimizations with useCallback and memo\n- Responsive design with Tailwind CSS\n\n## Prerequisites\n\n- Node.js (v18 or higher)\n- pnpm\n\n## Installation\n1. install pnpm\n```bash \nnpm install -g pnpm\n```\n\n2. Install dependencies:\n\n```bash\npnpm install\n```\n\n\n## Running the Application\n\n1. Start the JSON Server (API) \u0026  start the prod server:\n```bash\npnpm run preview\n```\nThe application will be available at `http://localhost:4173`\n\n## Environment Variables\n\nThe application uses different environment variables for development and production use example `.env.example` file:\n\n- `.env.development` - Development environment configuration\n- `.env.production` - Production environment configuration\n\n## Project Structure\n\n- `/src`\n  - `/components` - React components\n  - `/context` - Context providers\n  - `/services` - API and service functions\n  - `/types` - TypeScript interfaces and types\n  - `/constants` - Constants\n  - `/utils` - Utility functions\n  - `/pages` - Page components\n  - `App.tsx` - Main application component\n\n## Performance Optimizations\n\n1. Code Splitting\n   - Lazy loading of routes\n   - Dynamic imports for components\n\n2. React Optimizations\n   - useCallback for memoized functions\n   - memo for component memoization\n   - Context optimization\n\n3. Error Handling\n   - Error boundaries for graceful error handling\n   - Toast notifications for user feedback\n   - Loading states for better UX\n\n## Technologies Used\n\n- React\n- TypeScript\n- React Router\n- JSON Server\n- Tailwind CSS\n- React Hot Toast\n- Lucide React (Icons)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farunkumar201%2Fuser-profile-management","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farunkumar201%2Fuser-profile-management","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farunkumar201%2Fuser-profile-management/lists"}