darenc9 / FitFuture

https://fit-future.vercel.app

0 stars 0 forks source link

Devon/exercises #65

Closed darenc9 closed 3 months ago

darenc9 commented 3 months ago

Updates

Frontend-ui

src/app/exercises/page.jsx: (Exercise Selector Page)
- Added filtering and searching support
- import ExerciseTable, SearchFilters, and Pagination components
- Separated implementation to different components for more manageable and modular design.
src/components/ExerciseTable.jsx
- takes parameter exercises which is an array of exercises
- Display all exercises in table view
- Added mobile-view support, made table responsive
src/components/SearchFilters.jsx
- This component contains a button that reveals several forms for searching
- imports data from @/data/exerciseschema.js which contains data on filtering options
src/components/Pagination.jsx
- Takes parameters: { currentPage, totalPages, goToPrevPage, goToNextPage, handlePageChange, handlePageSubmit, pageInput }
- Component generates a page controller, used by ExerciseTable or any other component that needs pages
@/data/exerciseschema.js
- A data file that contains importable constants for the data structure of exercise

Usage

Exercise Selector:

Navigate to localhost:3000/exercises

Exercise Details Page:

From the Exercise Selector, click on the exercise name
Specifically go to localhost:3000/exercises/{exercise_id}

darenc9 commented 3 months ago

Would it make sense to keep the components folder organized by type? i.e., /components/exercises would keep the exercise-specific components and /components/profile would keep the profile-specific ones, etc.

Folder structure updated