zhassulan1 / nf-4-hw

📝 OLX App

Welcome to the Products App project! This repository is designed for students to practice their React skills by building a functional application. The tasks are divided into three levels: Basic, Medium, and Hard. Each level introduces new concepts and challenges to enhance your understanding of React.

Links

1. For uploading images: https://fakeapi.platzi.com/en/rest/files/#upload-file
2. For fetching products: https://fakestoreapi.com/docs

📚 Table of Contents

• Getting Started
• Basic Level
• Medium Level
• Hard Level

🚀 Getting Started

To get started with this project, follow these steps:

1. Fork this repository to your GitHub account.
2. Clone the repository to your local machine: git clone https://github.com/your-username/todo-list-app.git 3. Install dependencies: cd todo-list-app npm install 4. Start the development server: npm run dev

🥇 Basic Level

In the Basic level, you will implement the core interface of application.

Tasks

• Fetch all products using React Query
• Create axios instance and service for handling requests related to '/products' (productsService.ts).
• Implement product creation page.

🥈 Medium Level

Tasks

• Add file uploading to product creationg page (get url of image from response and add to new product data).
• Add invlidateQuery on product creation.

🥇 Hard Level

Tasks

• Add multiple files uploading

Happy coding! 🎉