π» Features β’ π Technologies β’ π What I learn π¨ How to run the project β’ βοΈ Authors
Feature | Coded? | Description |
---|---|---|
Home screen | β | - |
Header Component | β | Reusable header component. |
Sidebar Component | β | Reusable sidebar component. |
Input Component | β | Reusable input component with options for left and right icons, masks and custom labels. |
Signin screen | β | Signin screen with react hook form and yup for input validation. |
Recovery password screen | β | Recovery password screen with react hook form and yup for input validation. |
Signup screen | β | Signup screen with react hook form and yup for input validation. |
Modal Hook | β | Custom modal hook with "success" and "error" options. |
Middleware to private routes | β | Redirect to /login if logged out users try access private routes. |
Products list screen | β | - |
Filter Modal | β | - |
Product screen | β | - |
Favorites screen | β | - |
Checkout screen | β | - |
Create product screen | β | - |
Edit product screen | β | - |
- React
- TypeScript
- Next.js
- Chakra UI
- React Icons
- React Hook Form
- Yup
- Axios
- Nookies
- ESLint
- Prettier
- Editor Config
- How validate and manipulate inputs with react hook form and yup.
For this project to work 100%, you will also need to run the back end, for that check this repository.
In addition, you must configure the environment variables as described in the .env.example
file.
# Clone this repository
$ git clone https://github.com/tl-lucasestevam/pcx.git
# Access the project folder
$ cd pcx
# Install the dependencies
$ yarn
# Run the application in development mode
$ yarn dev