Skip to content

Repository files navigation

SedApp - Food Delivery Platform Web Landing Page

React TypeScript Tailwind CSS

SedApp is a modern food delivery platform connecting customers with local restaurants. Our mission is to transform food delivery through simple, reliable technology and excellent service.

🚀 Features

  • Mobile App - Android application for customers to order food easily
  • POS System - Desktop application for restaurant partners (Linux)
  • Real-time Updates - Live order tracking and notifications
  • 24/7 Support - Round-the-clock customer service
  • Growth-Focused - Built to scale with early adopter benefits

📱 Applications

Customer App (Android)

Download the SedApp mobile application from the website to order from local restaurants.

POS System (Linux Desktop)

Restaurant management system for order processing, inventory tracking, and analytics.

🛠 Tech Stack

Core

  • Framework: React 18.3.1
  • Language: TypeScript 5.9.3
  • Build Tool: Vite 6.0.5
  • Styling: Tailwind CSS 3.4.17

Libraries

  • Animations: Framer Motion 11.11.17
  • Icons: Lucide React 0.468.0
  • Linting: ESLint 9.39.1 with TypeScript support

📁 Project Structure

Sedapp.com/
├── public/                    # Static assets
│   ├── team/                 # Team member photos
│   └── downloads/            # App downloads (APK, Linux package)
├── src/
│   ├── components/           # Reusable UI components
│   │   ├── Accordion.tsx     # Accessible accordion with animations
│   │   ├── Button.tsx        # Multi-variant button component
│   │   ├── Card.tsx          # Animated card with hover effects
│   │   ├── Footer.tsx        # Site footer with links
│   │   ├── Header.tsx        # Fixed navigation header
│   │   ├── Input.tsx         # Form input with validation
│   │   └── Textarea.tsx      # Form textarea with validation
│   ├── sections/             # Page sections
│   │   ├── Hero.tsx          # Landing section with CTAs
│   │   ├── About.tsx         # Company mission & vision
│   │   ├── Features.tsx      # Product features showcase
│   │   ├── Partners.tsx      # Partner onboarding steps
│   │   ├── Team.tsx          # Team member profiles
│   │   ├── FAQ.tsx           # Frequently asked questions
│   │   └── Contact.tsx       # Contact form
│   ├── hooks/                # Custom React hooks
│   │   ├── useScrollSpy.ts   # Active section tracking
│   │   ├── useFormValidation.ts  # Form validation logic
│   │   └── useInView.ts      # Intersection observer hook
│   ├── constants/            # Data & configuration
│   │   ├── colors.ts         # Design system colors
│   │   ├── features.ts       # Feature definitions
│   │   ├── team.ts           # Team member data
│   │   ├── faq.ts            # FAQ content
│   │   └── navigation.ts     # Navigation links
│   ├── App.tsx               # Main app component
│   ├── main.tsx              # App entry point
│   └── index.css             # Global styles & Tailwind
├── index.html                # HTML template with SEO meta
├── vite.config.ts            # Vite configuration
├── tailwind.config.js        # Tailwind CSS configuration
├── tsconfig.json             # TypeScript configuration
├── eslint.config.js          # ESLint rules
└── package.json              # Dependencies & scripts

� Installation & Setup

# Clone repository
git clone https://github.com/YOUR-USERNAME/Sedapp.com.git
cd Sedapp.com

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

Design System

The project uses a consistent color palette defined in tailwind.config.js:

  • Primary Orange: #E76F00 - Main brand color
  • Brand Yellow: #FFEB34 - Secondary highlights
  • Accent: #C85D00 - Hover states
  • Background: #FFF8E6 - Light sections

📄 License

Copyright © 2026 SedApp. All rights reserved.

🤝 Contributing

We're currently in MVP phase. For partnership inquiries or contributions, please contact us.

📞 Contact

🙏 Acknowledgments

Built with modern web technologies and a passion for connecting communities through great food.


Made with ❤️ by Mr.ElshodDev | Powered by React, TypeScript & Tailwind CSS

About

SedApp - Food Delivery Platform Web Landing Page. Mostly AI generated code, based on specific design for SedApp

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages