/erciyes-product-router

In this project I built a Product with routes set up for navigation between different views. State management is handled using React's Context API. Services are implemented to handle tasks such as fetching data from an API or interacting with a database.

Primary LanguageJavaScript

Erciyes Bootcamp Product Router

A Product Router project that I built with ReactJS + Vite ⚡️
Built with Bun with ❤️ by Yamisagi.

About Me 💙»

📫 How to reach me _yamisagi yamisagi


How To Run This Project 🚀


  • Clone the repo

    git clone

  • Install NPM packages

    npm install

  • Run the project

    npm run dev

  • Open the project on your browser

    http://localhost:3000/

  • Enjoy! 🎉


(back to top)

About The Project

In this project I built a Product with routes set up for navigation between different views. State management is handled using React's Context API, and custom hooks are used to encapsulate various functionalities. The pages of the application are created and styled with TailwindCSS. Services are implemented to handle tasks such as fetching data from an API or interacting with a database.

Roadmap

  • Project Setup
  • Create Components
  • Create Routes
  • Create Context
  • Create Hooks
  • Create Pages
  • Implement Services
  • Implement TailwindCSS
  • Improve Navigation Bar
  • Create Home & Table Components with TailwindCSS
  • Create Product & ProductDetail Components with TailwindCSS
  • Add ProductDataContext and useProductData Custom Hook
  • Update AppRouter and Navbar Component.
  • Implement Slug in Routes
  • Fix Navigation Issue for null ID
  • Finish Project 🎉
  • Deploy Project 🚀

(back to top)