{"id":29431718,"url":"https://github.com/soumilgit/educase_india_task_reactjs","last_synced_at":"2025-07-12T20:40:15.971Z","repository":{"id":299099237,"uuid":"1002058489","full_name":"Soumilgit/Educase_India_Task_ReactJS","owner":"Soumilgit","description":null,"archived":false,"fork":false,"pushed_at":"2025-06-14T16:39:25.000Z","size":281,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-14T17:35:34.621Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://popx-mobile-app-one.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Soumilgit.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null}},"created_at":"2025-06-14T16:16:21.000Z","updated_at":"2025-06-14T16:39:29.000Z","dependencies_parsed_at":"2025-06-14T17:35:37.822Z","dependency_job_id":"0be38e45-8bd1-4076-bffb-5e50d3d5191e","html_url":"https://github.com/Soumilgit/Educase_India_Task_ReactJS","commit_stats":null,"previous_names":["soumilgit/educase_india_task_reactjs"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Soumilgit/Educase_India_Task_ReactJS","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Soumilgit%2FEducase_India_Task_ReactJS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Soumilgit%2FEducase_India_Task_ReactJS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Soumilgit%2FEducase_India_Task_ReactJS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Soumilgit%2FEducase_India_Task_ReactJS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Soumilgit","download_url":"https://codeload.github.com/Soumilgit/Educase_India_Task_ReactJS/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Soumilgit%2FEducase_India_Task_ReactJS/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265050263,"owners_count":23703667,"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-07-12T20:40:12.463Z","updated_at":"2025-07-12T20:40:15.963Z","avatar_url":"https://github.com/Soumilgit.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# PopX Mobile App\n\nA pixel-perfect React application based on the PopX mobile app design with seamless navigation between screens.\n\n## Features\n\n- **Welcome Screen**: Introduction with Create Account and Login options\n- **Login Screen**: Email and password authentication\n- **Registration Screen**: Complete signup form with validation\n- **Account Settings**: User profile display\n- **Responsive Design**: Works perfectly on all devices\n- **Smooth Navigation**: Seamless transitions between screens\n\n## Getting Started\n\n### Prerequisites\n\n- Node.js 18+ \n- npm or yarn\n\n### Installation\n\n1. Clone the repository:\n`\ngit clone \u003cyour-repo-url\u003e\ncd popx-mobile-app\n`\n\n2. Install dependencies:\n`\nnpm install\n`\n\n3. Run the development server:\n`\nnpm run dev\n`\n\n4. Open [http://localhost:3000](http://localhost:3000) in your browser.\n\n### Build for Production\n\n`\nnpm run build\n`\n`\nnpm start\n`\n\n## Design Implementation\n\nThis application implements a pixel-perfect recreation of the PopX mobile app design with:\n\n- Clean, modern UI matching the original design\n- Purple color scheme (#7C3AED)\n- Responsive layout that works on all screen sizes\n- Mobile-first approach with centered interface\n- Smooth form interactions and validation\n\n## Technology Stack\n\n- A React framework with App Router\n- **TypeScript**: Type-safe development\n- **Tailwind CSS**: Utility-first CSS framework\n- **Radix UI**: Accessible component primitives\n- **Lucide React**: Beautiful icons\n\n## Deployment\n\nThis app can be deployed to:\n- Vercel (recommended for Next.js)\n- Netlify\n- Any hosting service that supports Node.js\n\nFor Vercel deployment:\n`\nnpm install -g vercel\n`\n`vercel`\n\n## Project Structure\n```\n📦 \n├─ .gitignore\n├─ README.md\n├─ app\n│  ├─ globals.css\n│  ├─ layout.tsx\n│  └─ page.tsx\n├─ components.json\n├─ components\n│  ├─ AccountSettings.tsx\n│  ├─ LoginScreen.tsx\n│  ├─ RegisterScreen.tsx\n│  ├─ WelcomeScreen.tsx\n│  ├─ theme-provider.tsx\n│  └─ ui\n│     ├─ accordion.tsx\n│     ├─ alert-dialog.tsx\n│     ├─ alert.tsx\n│     ├─ aspect-ratio.tsx\n│     ├─ avatar.tsx\n│     ├─ badge.tsx\n│     ├─ breadcrumb.tsx\n│     ├─ button.tsx\n│     ├─ calendar.tsx\n│     ├─ card.tsx\n│     ├─ carousel.tsx\n│     ├─ chart.tsx\n│     ├─ checkbox.tsx\n│     ├─ collapsible.tsx\n│     ├─ command.tsx\n│     ├─ context-menu.tsx\n│     ├─ dialog.tsx\n│     ├─ drawer.tsx\n│     ├─ dropdown-menu.tsx\n│     ├─ form.tsx\n│     ├─ hover-card.tsx\n│     ├─ input-otp.tsx\n│     ├─ input.tsx\n│     ├─ label.tsx\n│     ├─ menubar.tsx\n│     ├─ navigation-menu.tsx\n│     ├─ pagination.tsx\n│     ├─ popover.tsx\n│     ├─ progress.tsx\n│     ├─ radio-group.tsx\n│     ├─ resizable.tsx\n│     ├─ scroll-area.tsx\n│     ├─ select.tsx\n│     ├─ separator.tsx\n│     ├─ sheet.tsx\n│     ├─ sidebar.tsx\n│     ├─ skeleton.tsx\n│     ├─ slider.tsx\n│     ├─ sonner.tsx\n│     ├─ switch.tsx\n│     ├─ table.tsx\n│     ├─ tabs.tsx\n│     ├─ textarea.tsx\n│     ├─ toast.tsx\n│     ├─ toaster.tsx\n│     ├─ toggle-group.tsx\n│     ├─ toggle.tsx\n│     ├─ tooltip.tsx\n│     ├─ use-mobile.tsx\n│     └─ use-toast.ts\n├─ hooks\n│  ├─ use-mobile.tsx\n│  └─ use-toast.ts\n├─ lib\n│  └─ utils.ts\n├─ next.config.mjs\n├─ package-lock.json\n├─ package.json\n├─ pnpm-lock.yaml\n├─ postcss.config.mjs\n├─ public\n│  ├─ download.png\n│  ├─ images\n│  │  ├─ login.png\n│  │  ├─ profile.png\n│  │  ├─ register.png\n│  │  └─ welcome.png\n│  ├─ placeholder-logo.png\n│  ├─ placeholder-logo.svg\n│  ├─ placeholder-user.jpg\n│  ├─ placeholder.jpg\n│  └─ placeholder.svg\n├─ styles\n│  └─ globals.css\n├─ tailwind.config.ts\n└─ tsconfig.json\n```\n\n## License\n\n![MIT License](https://github.com/Soumilgit/Educase_India_Task_ReactJS/blob/main/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoumilgit%2Feducase_india_task_reactjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsoumilgit%2Feducase_india_task_reactjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoumilgit%2Feducase_india_task_reactjs/lists"}