Overview:
Eateri is a concept app designed to help build a modern-looking mobile web app for managing restaurants or any food business. It provides inspiration and a tech stack to deliver a visually appealing and functional food app to potential clients. The app showcases various features and incorporates technologies like Next.js, Emotion, Theme-ui, React-spring, and Vivify.
Features:
- Next.js - Server-side rendering for optimized performance.
- Emotion - Provides styling for the UI.
- Theme-ui - Allows for theme customization and a consistent look and feel.
- React-spring - Enables smooth animations and motion design with JavaScript.
- Vivify - Offers CSS animations for added visual appeal.
- RN Snap Carousel - Provides inspiration for creating carousels within the app.
- Scroll reveal animations - Utilizes the “baby-i-am-faded” and “react-awesome-reveal” libraries to add scroll animations.
- Pietile-carousel - Adapted to support autoplay and play/pause functionality.
- Integration of images from Wagamama, SnapKitchen, Freepik, and other sources for showcasing dishes and visual content.
- Utilization of Node.js v14.18.1 for the development environment.
Installation:
To install and run the Eateri app on your local machine, follow these steps:
Make sure you have Node.js installed in your system. You can download it from here.
Clone the repository using the following command:
git clone https://github.com/elitenoire/eateri.git
- Navigate to the project directory:
cd eateri
- Install the required dependencies:
npm install
- Start the development server:
npm run dev
- Open your web browser and go to http://localhost:3000 to access the Eateri app.
Summary:
Eateri is a concept app designed to inspire and assist in building a modern mobile web app for managing restaurants or food businesses. It offers a range of features and incorporates technologies like Next.js, Emotion, Theme-ui, React-spring, and Vivify to deliver a visually appealing and functional app. The installation process involves cloning the repository, installing dependencies, and starting the development server. Overall, Eateri provides a valuable resource for developers looking to create food-related web applications.