{"id":23551674,"url":"https://github.com/utkarsh1504/gwwas","last_synced_at":"2025-10-03T22:17:06.478Z","repository":{"id":227867415,"uuid":"772583215","full_name":"Utkarsh1504/gwwas","owner":"Utkarsh1504","description":null,"archived":false,"fork":false,"pushed_at":"2024-03-15T16:34:22.000Z","size":81,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-17T12:18:05.116Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://gwwas-pi.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/Utkarsh1504.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-03-15T13:35:08.000Z","updated_at":"2024-03-15T14:39:28.000Z","dependencies_parsed_at":"2024-12-26T10:37:43.072Z","dependency_job_id":null,"html_url":"https://github.com/Utkarsh1504/gwwas","commit_stats":null,"previous_names":["utkarsh1504/gwwas"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Utkarsh1504%2Fgwwas","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Utkarsh1504%2Fgwwas/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Utkarsh1504%2Fgwwas/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Utkarsh1504%2Fgwwas/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Utkarsh1504","download_url":"https://codeload.github.com/Utkarsh1504/gwwas/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254367607,"owners_count":22059539,"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":"2024-12-26T10:27:28.560Z","updated_at":"2025-10-03T22:17:01.439Z","avatar_url":"https://github.com/Utkarsh1504.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SDE Intern Assigment\n\n\n## Project Overview\n\nThis project aims to develop a user-friendly and visually engaging checkout experience for online shopping. The assignment involves building the final three steps of the checkout process: Checkout Page, Payment Options Page, and Order Confirmation Page. The project is implemented using Next.js and involves handling loading, error, and empty states, implementing local API caching, interactive elements, form validation, and ensuring responsiveness.\n\n\n### Installation\n\n1. Clone the repository\n\n```sh\n   git clone https://github.com/Utkarsh1504/gwwas\n  ```\n\n2. Install Dependency\n\n```sh\n   npm install\n  ```\n\n3. Run Dev Server\n```sh\n   npm run dev\n```\n\n## Page\n- `CartPage`: \"/\" is cart page\n- `CheckoutPage`: displays order summary and a call-to-action button to proceed.\n- `PaymentOptionsPage`: Allows users to choose their preferred payment method.\n- `OrderConfirmationPage`: order status message.\n\n\n## Additional Features\n\n- **Theme Switching**: Dynamic theme switching (not implemented yet).\n- **White Labeling**: Ability to customize color scheme, logo, and styling based on brand identity (not implemented yet).\n\n## Dependencies\n\n- Next.js\n- Axios/Fetch (or any HTTP client)\n- Tailwind CSS (for styling)\n- Context APIs\n\n\n## Demo\n\nLive Demo: [Link to Demo](https://gwwas-pi.vercel.app/)\n\n\n## Design Choices\n\n- Used Next.js for server-side rendering and better performance.\n- Implemented separate components for each step of the checkout process for better code organization.\n- Utilized local API caching to improve performance and reduce unnecessary requests.\n- Used React hooks for state management (Redux could be integrated if required).\n- Applied responsive design principles to ensure the application works well on various screen sizes.\n- Implemented smooth transitions and animations for enhanced user experience.\n\n## Challenges Faced\n\n- Implementing theme switching dynamically based on brand identity.\n- Proper validation of payment information according to selected payment method.\n- Ensuring consistent styling across all pages and components.\n\n## Future Improvements\n\n- Complete implementation of theme switching and white labeling feature.\n- Enhance payment validation to handle various edge cases.\n- Improve accessibility features for better user experience.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Futkarsh1504%2Fgwwas","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Futkarsh1504%2Fgwwas","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Futkarsh1504%2Fgwwas/lists"}