Welcome to Getir-Clone, a scalable and modern web application inspired by Getir's dynamic structure. This project was designed with cutting-edge tech-stack, mainly featuring Next.js, Tailwind CSS, TypeScript and the latest React version.
Live: Netlify
❗️Note: This project is a clone and not intended for commercial use. All rights belong to their respective owners.
Original website: Getir
- Next.js for rendering and routing
- Tailwind CSS for efficient styling
- TypeScript for type-checking and enhancing code quality
- Carousel views powered by React-Slick and Slick-Carousel
- Icons from React-Icons for rich UI
- Axios for promise-based HTTP requests
- ESLint for linting and maintaining code standards
- Jest for testing
Clone this repository to your local machine.
git clone https://github.com/your-username/getir-clone.gitNavigate to the project directory.
cd getir-cloneInstall dependencies.
npm installTo run the project in development mode, execute:
npm run devESLint is set up for linting and maintaining the codebase's standards. Run the following command to execute linting:
npm run testAnd the following command for linting:
npm run lintTo create a production build of the application, run:
npm run buildStart the production build:
npm startThis project runs on several dependencies to ensure a seamless user experience and developer-friendly environment. Here's the list of dependencies:
- axios - Promise based HTTP client for the browser and Node.js
- eslint & eslint-config-next - Tools for identifying and reporting on patterns in JavaScript
- jest - Delightful JavaScript Testing
- react-flags-select - Dropdown select for country flags
- react-icons - Include popular icons in your React projects
- react-slick & slick-carousel - Carousel component built with React
- tailwindcss - A utility-first CSS framework
- typescript - Typed JavaScript at Any Scale
Please ⭐️ this repository if this project helped you!
Happy Coding!