A web application for finding allergy-friendly recipes that cater to specific dietary needs without compromising on taste.
Live Demo: https://free2eat.netlify.app/
Free2Eat was developed as a Year 12 SACE Assessment Item Folio (AIF) project. The application helps users discover recipes that match their dietary restrictions, including options for dairy-free, gluten-free, nut-free, egg-free, sesame-free, and vegan diets.
- Allergy Filtering: Select multiple dietary restrictions to find suitable recipes
- Recipe Search: Search for recipes by name, description, or ingredients
- Mobile-Friendly Design: Responsive interface optimized for all device sizes
- Recipe Details: View ingredients, instructions, and images for each recipe
- Persistent Preferences: User dietary preferences are saved between sessions
- Next.js: React framework for server-rendered applications
- TailwindCSS: Utility-first CSS framework for styling
- LocalStorage: Browser storage for saving user preferences
- Static Data: JSON-based recipe database
- Node.js (version 14 or higher)
- npm or yarn
- Clone the repository
git clone https://github.com/yourusername/free2eat.git
cd free2eat- Install dependencies
npm install
# or
yarn install- Run the development server
npm run dev
# or
yarn dev- Open http://localhost:3000 in your browser
This project is configured for deployment on Netlify:
npm run build
npm run exportThe static export will be in the out directory, ready for deployment.
pages/: Application routes and pagescomponents/: Reusable UI componentsdata/: Recipe JSON datapublic/: Static assets like imagesstyles/: Global CSS styles
Home page with allergy filter options
This project was created for educational purposes as part of a SACE Assessment Item Folio.
- Special thanks to all who contributed to the development and testing of this application
- Recipe images and data are for demonstration purposes only