Skip to content

ZdravkoKirilov/3via-ui

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 

A sample React app for building Quiz configurations.


Project screenshot



Live site

Technologies

  • bootstrapped with Vite
  • uses React 18 with typescript
  • uses react-query, react-hook-form, mui

Functionality

  • Questions: add / edit / delete / reorder
  • Answers: add / delete / reorder
  • there is artificial delay + radom fail probability in order to showcase the UI feedback
  • doesn't make actual API calls, the data is kept in memory which means that restarting the app cleans everything up
  • there are a few preseeded questions for testing convenience

Goals

  • accompanies a technical article showing a way to structure heavy CRUD operations on the FE with the help of custom hooks

Running it locally:

  • pull the repo
  • make sure you have a recent version on NodeJS, e.g. - 16+
  • run npm i insde the project folder
  • once ready, run npm run dev
  • open the browser at http://localhost:5173/3via-ui/ or just check what the cmd says

About

A sample project accompanying a technical article on creating a certain type of custom hooks in React for cleaner code.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages