https://github.com/eraldvelcani/cookwithme-frontend
Recipe Website Demo using React Routes
https://github.com/eraldvelcani/cookwithme-frontend
cooking-recipes react-router webdevelopment
Last synced: about 1 month ago
JSON representation
Recipe Website Demo using React Routes
- Host: GitHub
- URL: https://github.com/eraldvelcani/cookwithme-frontend
- Owner: eraldvelcani
- Created: 2025-09-18T04:17:20.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-09-29T07:44:12.000Z (9 months ago)
- Last Synced: 2025-09-29T09:10:49.644Z (9 months ago)
- Topics: cooking-recipes, react-router, webdevelopment
- Language: TypeScript
- Homepage: https://cook-with-me-frontend.vercel.app
- Size: 10.7 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CookWithMe
A demo React application illustrating *React Router v7* by building a simple recipe website.
This is **not a fully-fledged** recipe app — individual recipe pages currently **do not include** detailed content such as ingredients, steps, nutrition info, etc.
---
## 🚀 Live Demo
[Visit the live site](https://cook-with-me-frontend.vercel.app)
---
## 📂 Project Structure
.
├── public/
│ └── ... (static assets, index.html, etc.)
├── src/
│ ├── app/
│ ├── data/ # sample data (recipes, etc.)
│ ├── components/ # UI components
│ ├── pages/ # route pages (Home, Recipe, etc.)
│ ├── react-router.config.ts# route config for React Router v7
│ ├── App.tsx
│ └── main.tsx
├── .gitignore
├── Dockerfile
├── package.json
├── tsconfig.json
├── vite.config.ts
└── README.md
---
## Technologies & Dependencies
React Router v7
Fetching content from Strapi CMS
Dynamic route-based pages
Filtering and pagination for projects
Blog post metadata loading
Environment-based config with .env
Deployed-API friendly