Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sankalpharitash21/masterchef
This repo. is about food ordering website build during learning from Namaste React live course by Akshay Saini
https://github.com/sankalpharitash21/masterchef
akshay-saini custom-hooks javascript namaste-dev namaste-react namaste-react-live parcel react-course react-redux react-router reacthooks reactjs swiggy-api tailwindcss
Last synced: 23 days ago
JSON representation
This repo. is about food ordering website build during learning from Namaste React live course by Akshay Saini
- Host: GitHub
- URL: https://github.com/sankalpharitash21/masterchef
- Owner: SankalpHaritash21
- Created: 2023-10-10T10:37:54.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-24T16:53:16.000Z (about 1 year ago)
- Last Synced: 2023-10-24T17:43:27.258Z (about 1 year ago)
- Topics: akshay-saini, custom-hooks, javascript, namaste-dev, namaste-react, namaste-react-live, parcel, react-course, react-redux, react-router, reacthooks, reactjs, swiggy-api, tailwindcss
- Language: JavaScript
- Homepage: https://master-chef-foodies.netlify.app/
- Size: 2.99 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MasterChef
This is a fascinating project – a clone of the Swiggy website using the power duo of React.js and Tailwind CSS, with thorough testing using Jest, and real-time data from the Swiggy live API. 🍔🛵
# Technology Stack:
🌐 Replicating Swiggy: We meticulously recreated the user interface and functionalities of Swiggy, with real-time data from their live API, ensuring an authentic user experience.
⚙️ React.js Magic: Leveraging the flexibility and reactivity of React.js, we ensured a seamless and responsive user experience, all while handling live data updates.
💅 Tailwind CSS Styling: Tailwind CSS helped us keep the styling process smooth and efficient, with its utility-first approach and responsive design.
🧪 Jest Testing: Quality assurance was a top priority. We used Jest for comprehensive testing, covering everything from unit tests to end-to-end testing, ensuring our clone with live data remains robust.
💡 Learning Experience: Building this clone was not only a great technical challenge but also a fantastic opportunity for learning about working with live APIs and understanding how a platform like Swiggy operates.
#ReactJS #TailwindCSS #Jest #SwiggyAPI #WebDevelopment #SwiggyClone #TechProject #LearningByDoing #WebDesign
# Images:
