https://github.com/cudi7/pixelform-front

Front-end form app build with React, NextJS, TypeScript, MUI, Redux, RTK Query
https://github.com/cudi7/pixelform-front

formik-yup jest mui nextjs react reacttestinglibrary redux-toolkit rtk-query typescript

Last synced: about 10 hours ago
JSON representation

Front-end form app build with React, NextJS, TypeScript, MUI, Redux, RTK Query

• Host: GitHub
• URL: https://github.com/cudi7/pixelform-front
• Owner: Cudi7
• Created: 2022-10-24T10:42:29.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-28T09:59:47.000Z (about 2 years ago)
• Last Synced: 2024-11-11T16:20:50.883Z (about 2 months ago)
• Topics: formik-yup, jest, mui, nextjs, react, reacttestinglibrary, redux-toolkit, rtk-query, typescript
• Language: TypeScript
• Homepage: pixelform.vercel.app
• Size: 214 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 
Next.js with TypeScript (Users and Texts App)




  Back-end form app build with Node.js








  

    

  

    

    

  

  




  Built with ❤︎ by

  Roger Codina





Live  examples:



 

    pixelFormFront

  





## Why?

The why is simple, I wanted to refresh my full stack skills building a short but concise app using all the stack that you will read below.

After this little training I'm going to execute something bigger, I will build an Amazon Clone, check it out!

## Stack

In this app I used:

### Front

- Typescript

- React with Nextjs

- Material-UI

- Redux Toolkit with RTK Query

- Usual hooks, plus, useContext, useCallback and useMemo

- Formik + Yup

- React testing library and Jest (no testing yet)

### Back

- Typescript

- NodeJS

- Express

- MongoDB

## What can you do?

Add, update, delete, delete many, search, filter, sort

## Installation

`cd` in folder and execute:

```bash

npm install

```

```bash

npm run dev or npm run start

```