This is an open source web application that allows users to find, share and discuss culinary recipes.
- Framework: Next.js
- Styling: Tailwind CSS
- Backend Firebase
- UI Components: shadcn/ui
- Authentication with Firebase
- Database with Firestore
- Commenting recipes
- Searching recipes
- Deleting, editing comments
- Pagination of recipes
- Fully adaptive and user friendly app
- Switching between themes (Dark/Light)
- Profile page with all posted comments
-
Clone the repository
git clone https://github.com/Nurbek-web/chef.in.git
-
Install dependencies using npm
npm install
-
Start the development server
npm run dev
Follow the deployment guides for Vercel, Netlify for more information.
Before starting development, I created a comprehensive design and data flow for the system. This included outlining the user interface, database schema, and interaction between different components of the application. I have chosen Firebase, because it is best option for simple apps to speed up developement process.
Throughout the development process, I followed a structured approach, breaking down tasks into manageable chunks and prioritizing them based on their importance and dependencies. I also made sure to regularly review and iterate on the design and implementation to ensure alignment with the project goals.
One unique aspect of my approach is my ability to think and code quickly. This allowed me to efficiently implement features and iterate on them as needed. Also, I optimized my web app with server side rendering;
I considered using my own API rather than given Edamam API, because I was planning adding recipe feature, but had some troubles with time.
No major issues with the app at the moment. I'll keep an eye out for any problems during development and testing.
Notes: I'm a student at Nazarbayev Intellectual School in 10th grade and typically study from 8:00 AM to 6:00 PM. Had some issues with time management.
Also, you can edit your comments in profile page btw. If you didnt notice)
