Live at : https://foodstories.netlify.app
FoodStories is a sleek and modern recipe application designed for food enthusiasts. The app provides an interactive experience to browse, search, and categorize recipes efficiently. Built with cutting-edge tools and a focus on user experience, it offers seamless API integration and dynamic recipe exploration.
- Browse a curated list of recipes.
- View full details for each recipe by clicking on its card.
- Explore recipes categorized for ease of discovery.
- Sort recipes based on preferences.
- Search for recipes with a dynamic and responsive search bar.
- Clean and visually appealing interface.
- Built with responsiveness for desktop and mobile users.
- Vite: For fast and efficient bundling and development.
- React: For building an interactive user interface.
- TypeScript: Ensures type safety and maintainable code.
- Tailwind CSS: Modern, utility-first styling framework.
- MUI (Material-UI): Component library for consistent design.
- Axios: API communication and data fetching.
- Node.js (>=16)
- Internet connection to fetch data from the DummyJSON API.
- Clone the repository:
git clone https://github.com/SwasthK/FoodStories.git- Navigate to the project directory:
cd FoodStories- Install dependencies:
pnpm install- Run the development server:
pnpm run dev- Access the application at:
http://localhost:5173/To deploy this project on Netlify:
- Build the project:
pnpm run build- Upload the contents of the
distfolder to Netlify.
Alternatively, connect your GitHub repository to Netlify for continuous deployment.
Contributions are always welcome!
- Fork the repository.
- Create a new branch:
git checkout -b feature-name- Commit your changes:
git commit -m 'Add feature-name'- Push to the branch:
git push origin feature-name- Submit a pull request.
Please adhere to this project's code of conduct.
This project is licensed under the MIT.
Thanks to the amazing tools and APIs that made this project possible:
Happy Cooking with FoodStories! 🍳