{"id":22735472,"url":"https://github.com/incihuseynli/landingpage","last_synced_at":"2026-04-10T07:48:17.945Z","repository":{"id":265487475,"uuid":"721577972","full_name":"incihuseynli/LandingPage","owner":"incihuseynli","description":"This is an architecture company landing page written with React JS and Tailwind CSS","archived":false,"fork":false,"pushed_at":"2023-12-07T15:50:25.000Z","size":3589,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-29T06:54:38.488Z","etag":null,"topics":["css3","framer-motion","front-end-development","frontend","html5","javascript","react-router","reactjs","responsive-web-design","tailwindcss"],"latest_commit_sha":null,"homepage":"https://landing-page-woad-nu.vercel.app","language":"JavaScript","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/incihuseynli.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}},"created_at":"2023-11-21T10:54:54.000Z","updated_at":"2024-04-30T09:43:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"625210bb-6cf7-4a97-9500-33be479771a1","html_url":"https://github.com/incihuseynli/LandingPage","commit_stats":null,"previous_names":["incihuseynli/landingpage"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/incihuseynli%2FLandingPage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/incihuseynli%2FLandingPage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/incihuseynli%2FLandingPage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/incihuseynli%2FLandingPage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/incihuseynli","download_url":"https://codeload.github.com/incihuseynli/LandingPage/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246267706,"owners_count":20749997,"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":["css3","framer-motion","front-end-development","frontend","html5","javascript","react-router","reactjs","responsive-web-design","tailwindcss"],"created_at":"2024-12-10T21:10:34.370Z","updated_at":"2026-04-10T07:48:17.836Z","avatar_url":"https://github.com/incihuseynli.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Landing Page\n\nThis is a landing page for architecture company written with React JS and styled with Tailwind CSS frameworks.\n\n## Table of contents\n\n- [Overview](#overview)\n  - [Screenshot](#screenshot)\n  - [Installation](#installation)\n- [Technologies that I used for this project](#technologies-that-i-used-for-this-project)\n  - [React JS](#react-js)\n  - [Vite](#vite)\n  - [Tailwind CSS](#tailwind-css)\n  - [Packages](#packages)\n- [Contributing](#contributing)\n- [License](#license)\n\n## Overview\n\n### Screenshot\n\n![](./public/desktop.png)\n![](./public/menu.png)\n![](./public/mobile.png)\n![](./public/tablet.png)\n\n![](./public/menu.png)\n\n### Installation\n\nTo run project locally wrote code line below in terminal of project root\n\n```bash\nnpm run dev\n```\n\n## Technologies that I used for this project\n\n### React JS\n\n[React](https://react.dev/) is a library/framework for JavaScript. To create and install environment for React JS I used Vite front end tool.\n\n### Vite\n\n[Vite](https://vitejs.dev/) is a platform-agnostic frontend tool for building web applications quickly and solves some common developer headaches.\n\n```\nnpm create vite@latest\n```\n\nAnd for run\n\n```\nnpm run dev\n```\n\n### Tailwind CSS\n\n[Tailwind CSS](https://tailwindcss.com/) is a utility-first CSS framework. To configuration I used installation for frameworks and chose Vite+React. Installation guide wrote more detailed in [here](https://tailwindcss.com/docs/guides/vite).\n\n### Packages\n\n[Framer-motion](https://www.framer.com/motion/) : A production-ready motion library for React. I use to make page transitions and reveal animation by scrolling.\n\n```\nnpm i framer-motion\n```\n\n[React-scroll-trigger](https://www.npmjs.com/package/react-scroll-trigger) : React component that monitors scroll events to trigger callbacks when it enters, exits and progresses through the viewport.\n\n```\nnpm i react-scroll-trigger\n```\n\n[Scroll Carousel React](https://www.npmjs.com/package/scroll-carousel-react) : This is the react version of Scroll Carousel plugin, which is written in vanilla JavaScript.\n\n```\nnpm i scroll-carousel-react\n```\n\n[Swiper JS](https://swiperjs.com/) : Swiper is the most modern free and open source mobile touch slider with hardware accelerated transitions and amazing native behavior.\n\n```\nnpm i swiper\n```\n\n[React CountUp](https://www.npmjs.com/package/react-countup): A configurable React component wrapper around CountUp.js. I used for count up numbers in banner.\n\n```\nnpm i react-countup\n```\n\n[React Router](https://www.npmjs.com/package/react-router) : Declarative routing for React web applications.\n\n```\nnpm i react-router react-router-dom\n```\n\n[Helmet](https://www.npmjs.com/package/react-helmet) : This reusable React component will manage all of your changes to the document head.\nHelmet takes plain HTML tags and outputs plain HTML tags. It's dead simple, and React beginner friendly.\n\n```\nnpm i react-helmet\n```\n\n[Axios](https://www.npmjs.com/package/axios) : Promise based HTTP client for the browser and node.js. To fetch and get datas I generally use this package.\n\n```\nnpm i axios\n```\n\n## Contributing\n\nPull requests are welcome. For major changes, please open an issue first\nto discuss what you would like to change.\n\nPlease make sure to update tests as appropriate.\n\n## License\n\n[MIT](https://choosealicense.com/licenses/mit/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fincihuseynli%2Flandingpage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fincihuseynli%2Flandingpage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fincihuseynli%2Flandingpage/lists"}