📚 Swip'eat web app

Swip'eat is a Tinder-like app for food lovers who wants to discover new meals around them with a fun user experience. You can easily swipe photos of meals, keep them in your favorites list and book a table in the restaurant to taste it. We wanted to focus on showing the meals instead of the restaurants like others booking app do (TheFork, TripAdvisor...).

This app has been developed during Le Wagon's Bootcamp in the last two weeks by a team of 4 developers including me. We pitched it during the DemoDay (last day of the bootcamp) in front of external people.

You can open the app in production here: https://www.swipeat.me
(Best to see it on an iPhone or with a mobile simulator on a computer as the style for larger screens has not benn totally implemented)

Here are some screenshots:

Main Features

• User authentication (with Devise gem)
• Tinder-like swipe animation with Javascript (with the HammerJS package)
• Filter by food categories in the homepage (with Tom Select package)
• A complete user journey to create a favorites list, book a meal, ask questions to the restaurant owner and leave reviews on the meals already eaten.
• All the user's favorites displayed on a map (with Mapbox API)

Getting Started in local

Setup

Install gems

bundle install

Install JS packages

yarn install

ENV Variables

Create .env file

touch .env

Inside .env, set these variables. For any APIs, see group Slack channel.

CLOUDINARY_URL=your_own_cloudinary_url_key
MAPBOX_API_KEY=your_own_mapbox_api_key

DB Setup

rails db:create
rails db:migrate
rails db:seed

Run a server with javascript

dev

Built With

• Rails 7 - Backend / Front-end
• Stimulus JS - Front-end JS
• Heroku - Deployment
• PostgreSQL - Database
• Bootstrap — Styling
• Figma — Prototyping

Team Members

• Antoine Berson
• Aimeric Marchau
• Charlène Nicol
• Georges Ryssen