{"id":15155158,"url":"https://github.com/shivam-sharma-1/kampkode-assignment","last_synced_at":"2026-02-10T19:03:38.648Z","repository":{"id":255023597,"uuid":"848176334","full_name":"Shivam-Sharma-1/KampKode-Assignment","owner":"Shivam-Sharma-1","description":"This project is a responsive landing page developed as part of the assignment for the KampKode internship application process. The webpage is built using Next.js, following a pixel-perfect design based on provided Figma files, and it incorporates Magic UI and Accernity UI components. The goal was to create a modern, responsive landing page.","archived":false,"fork":false,"pushed_at":"2024-08-27T14:24:49.000Z","size":156,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-04T08:24:19.127Z","etag":null,"topics":["aceternity-ui","javascript","magicui","nextjs","reactjs","shadcn-ui","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://kamp-kode-assignment.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/Shivam-Sharma-1.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-08-27T09:22:54.000Z","updated_at":"2024-08-27T14:24:52.000Z","dependencies_parsed_at":null,"dependency_job_id":"607cd914-2dbc-4097-a4ab-732edf1f9029","html_url":"https://github.com/Shivam-Sharma-1/KampKode-Assignment","commit_stats":null,"previous_names":["shivam-sharma-1/kampkode-assignment"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Shivam-Sharma-1/KampKode-Assignment","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shivam-Sharma-1%2FKampKode-Assignment","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shivam-Sharma-1%2FKampKode-Assignment/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shivam-Sharma-1%2FKampKode-Assignment/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shivam-Sharma-1%2FKampKode-Assignment/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Shivam-Sharma-1","download_url":"https://codeload.github.com/Shivam-Sharma-1/KampKode-Assignment/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shivam-Sharma-1%2FKampKode-Assignment/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267644942,"owners_count":24120872,"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","status":"online","status_checked_at":"2025-07-29T02:00:12.549Z","response_time":2574,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["aceternity-ui","javascript","magicui","nextjs","reactjs","shadcn-ui","tailwindcss","typescript"],"created_at":"2024-09-26T18:02:00.273Z","updated_at":"2026-02-10T19:03:33.597Z","avatar_url":"https://github.com/Shivam-Sharma-1.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# KampKode Assignment\n\n## Overview\n\nThis project is a responsive landing page developed as part of the assignment for the KampKode internship application process. The webpage is built using Next.js, following a pixel-perfect design based on provided Figma files, and it incorporates Magic UI and Accernity UI components. The goal was to create a modern, responsive, and accessible landing page using industry-standard tools and best practices.\n\nDeployed Link: https://kamp-kode-assignment.vercel.app/\n\n## Video\n\nhttps://github.com/user-attachments/assets/07f61993-c0b7-42d2-9449-fda7b1b2bcf5\n\n## Tech Stack\n\n- **Next.js**: A React framework for server-rendered or statically-exported React applications.\n- **React**: A JavaScript library for building user interfaces.\n- **Tailwind CSS**: A utility-first CSS framework for styling.\n- **Framer Motion**: A library for animations in React.\n- **Radix UI**: A set of low-level, customizable UI components built with accessibility in mind.\n- **React Icons**: A collection of icons for React applications.\n- **Class Variance Authority**: A library for creating type-safe Tailwind CSS utilities.\n- **clsx**: A utility for conditionally joining classNames together.\n- **TypeScript**: A strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.\n\n## Installation and Setup\n\nTo get the project up and running on your local machine, follow these steps:\n\n1. **Clone the repository:**\n\n   ```bash\n   git clone https://github.com/Shivam-Sharma-1/KampKode-Assignment.git\n   cd kampkode-assignment\n   ```\n\n2. **Install dependencies:**\n\n   ```bash\n   npm install\n   ```\n\n3. **Run the development server:**\n\n   ```bash\n   npm run dev\n   ```\n\n   The app will be available at [http://localhost:3000](http://localhost:3000).\n\n4. **Build for production:**\n\n   ```bash\n   npm run build\n   ```\n\n5. **Start the production server:**\n\n   ```bash\n   npm start\n   ```\n\n## Features\n\n- **Responsive Design**: The webpage is fully responsive, ensuring a seamless experience across devices of varying screen sizes.\n- **Magic UI and Accernity UI Integration**: The page utilizes components from Magic UI and Accernity UI, adhering to the provided Figma designs.\n- **Accessibility**: The UI components are built with accessibility in mind, ensuring they are usable by all users, including those with disabilities.\n- **Animations**: Smooth and visually appealing animations are implemented using Framer Motion.\n\n## Deliverables\n\n- **GitHub Repository**: The code for this project is hosted on GitHub. You can access it [here](https://github.com/Shivam-Sharma-1/KampKode-Assignment).\n- **Screen Recording**: A screen recording demonstrating the webpage's responsiveness can be viewed [here](https://drive.google.com/drive/folders/1aj-PVaU6JCKCRPk8tmh_5WGJ69nd4YF4?usp=sharing).\n\n## How to Use\n\n- Navigate through the webpage to explore the components and layout.\n- The design is pixel-perfect and closely follows the Figma mockups.\n- The webpage is responsive, with layouts adapting to different screen sizes, from mobile to desktop.\n\n## Acknowledgements\n\n- **KampKode Team**: For providing the assignment and Figma designs.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshivam-sharma-1%2Fkampkode-assignment","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshivam-sharma-1%2Fkampkode-assignment","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshivam-sharma-1%2Fkampkode-assignment/lists"}