{"id":22604592,"url":"https://github.com/livewithcodeankit/fieldgoal","last_synced_at":"2025-04-10T20:33:02.929Z","repository":{"id":185227364,"uuid":"671440408","full_name":"LiveWithCodeAnkit/fieldgoal","owner":"LiveWithCodeAnkit","description":"NextJs13 with Tailwind CSS Templet","archived":false,"fork":false,"pushed_at":"2023-09-25T18:08:57.000Z","size":393,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-24T18:11:14.451Z","etag":null,"topics":["css-flexbox","css-grid","css3","frontend","html-css-javascript","html5","next13","nextjs","reactjs","tailwindcss"],"latest_commit_sha":null,"homepage":"https://fieldgoal.vercel.app","language":"JavaScript","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/LiveWithCodeAnkit.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}},"created_at":"2023-07-27T10:18:14.000Z","updated_at":"2024-11-13T05:37:41.000Z","dependencies_parsed_at":"2023-08-01T06:27:44.398Z","dependency_job_id":"ad11b476-7603-4151-b53d-9ae9a9fc0b2e","html_url":"https://github.com/LiveWithCodeAnkit/fieldgoal","commit_stats":null,"previous_names":["livewithcodeankit/fieldgoal"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiveWithCodeAnkit%2Ffieldgoal","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiveWithCodeAnkit%2Ffieldgoal/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiveWithCodeAnkit%2Ffieldgoal/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LiveWithCodeAnkit%2Ffieldgoal/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LiveWithCodeAnkit","download_url":"https://codeload.github.com/LiveWithCodeAnkit/fieldgoal/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248290041,"owners_count":21078923,"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":["css-flexbox","css-grid","css3","frontend","html-css-javascript","html5","next13","nextjs","reactjs","tailwindcss"],"created_at":"2024-12-08T13:09:55.187Z","updated_at":"2025-04-10T20:33:02.887Z","avatar_url":"https://github.com/LiveWithCodeAnkit.png","language":"JavaScript","readme":"# Frontend Replica of Fieldgoal.io\n\n\n\n## Description\n\nThis project is a frontend replica of the popular Fieldgoal) website, developed using cutting-edge technologies to provide a seamless user experience. The primary objective was to recreate the website's frontend while incorporating modern web development practices and tools.\n\n## Technologies Used\n\n- **Next.js version 13:** We leveraged the power of Next.js 13, a React framework, to enable server-side rendering, smooth routing, and enhanced performance. This ensures a fast and responsive user interface.\n\n- **Conditional Layout:** To make the website adaptive across different screen sizes and devices, we implemented conditional layout techniques, allowing the content to adjust gracefully.\n\n- **Router:** The implementation of the Next.js router facilitated seamless navigation between pages, providing a fluid user experience.\n\n- **Custom Hook:** By utilizing custom hooks, we streamlined complex functionalities and reused code for better maintainability and scalability.\n\n- **Formik and Yup Validation:** We integrated Formik and Yup to manage form states and ensure robust form validation. This guarantees that user inputs are validated effectively, providing a seamless form submission process.\n\n- **Tailwind CSS with Animation:** Tailwind CSS, a utility-first CSS framework, was employed to style the website efficiently. Additionally, we incorporated animations to create an engaging and interactive user interface.\n\n## Features\n\n- **Responsive Design:** The website adapts elegantly to various screen sizes and devices, ensuring a consistent and pleasant user experience.\n\n- **Interactive Animations:** Engaging animations were implemented throughout the website, adding flair to user interactions and enhancing visual appeal.\n\n- **Form Validation:** Formik and Yup were utilized to validate user input in forms, ensuring data integrity and enhancing error handling.\n\n- **Smooth Navigation:** The Next.js router facilitates seamless navigation between pages, reducing page load times and providing a smooth browsing experience.\n\n\n\n## Installation and Usage\n\n1. Clone the repository: `git clone https://github.com/your-username/your-repo.git`\n2. Navigate to the project directory: `cd your-repo`\n3. Install the dependencies: `npm install` or `yarn install`\n4. Run the development server: `npm run dev` or `yarn dev`\n5. Open your browser and visit: `http://localhost:3000`\n\n## Contributing\n\nContributions are welcome! If you encounter any issues or have suggestions for improvements, feel free to submit a pull request or open an issue. Please follow the existing code style and conventions to maintain consistency.\n\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flivewithcodeankit%2Ffieldgoal","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flivewithcodeankit%2Ffieldgoal","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flivewithcodeankit%2Ffieldgoal/lists"}