https://github.com/deikairru/noodierru
Responsive and rich-animation Landing page for food delivery app. Create with next js and motion framer.
https://github.com/deikairru/noodierru
food-app food-delivery framermotion landing-page nextjs tailwindcss typescript
Last synced: 5 months ago
JSON representation
Responsive and rich-animation Landing page for food delivery app. Create with next js and motion framer.
- Host: GitHub
- URL: https://github.com/deikairru/noodierru
- Owner: deikairru
- License: mit
- Created: 2024-07-20T14:10:58.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-08-23T16:25:04.000Z (10 months ago)
- Last Synced: 2024-11-30T12:13:43.683Z (7 months ago)
- Topics: food-app, food-delivery, framermotion, landing-page, nextjs, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://noodierru.vercel.app
- Size: 944 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
A Food Deliver Landing Page
Noodierru is your ultimate destination for enjoying a wide variety of noodle dishes from the comfort of your home with fast delivery time ensuring you don't get hungry.
## 📋 Table of Contents
1. 🤖 [Introduction](#introduction)
2. 🖼️ [Preview](#preview)
3. ⚙️ [Tech Stack](#tech-stack)
4. 🔋 [Features](#features)
5. 🤸 [Quick Start](#quick-start)
6. 🚀 [More](#more)
By developing this project, i gained hands-on experience in crafting immersive web experiences, mastering scroll animation, and implementing engaging animations. The combination of creativity and technical skills showcased in this project serves as an excellent learning opportunity for me as developer seeking to enhance my portfolio and captivate users with cutting-edge web design.
If you're cloned this project and need assistance or face any bugs, please contacted me.
- Next.js
- Typescript
- Tailwind CSS
- Framer Motion
## 🔋 Features
👉 **Infinite Animation Hero Section**: Blob animation on Hero section by framer motion.
👉 **Interactive Experience**: Utilizes animations powered by framer motion for engaging user experience.
👉 **Scrolling Animation**: Features animated sections using framer motion when user scroll through the page.
👉 **Consistent Animations**: Implements cohesive animations throughout the website using framer motion.
👉 **Responsive Design**: Ensures optimal display and functionality across all devices.
and many more
Follow these steps to set up the project locally on your machine.
**Prerequisites**
Make sure you have the following installed on your machine:
- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)
**Cloning the Repository**
```bash
git clone [email protected]:deikairru/noodierru.git
cd noodierru
```
**Installation**
Install the project dependencies using npm:
```bash
npm install
```
**Running the Project**
```bash
npm run dev
```
## 🚀 More
**Find more project**
Enjoyed looking at this project? Dive deeper into my portfolio to seek more project like this.
**Best Regards, Deikairru**
#