An open API service indexing awesome lists of open source software.

https://github.com/developeromarfaruk/multi-step-form


https://github.com/developeromarfaruk/multi-step-form

clsx nextjs react-fontawesome react-hook-form shadcn-ui tailwindcss

Last synced: 3 months ago
JSON representation

Awesome Lists containing this project

README

        

# Here is some UI and work shown in this repository
#
[Live Preview Project deploy Vercel](https://multi-step-form-one-peach.vercel.app)
#
[Live Preview Project deploy Netlify](https://task-multi-step-form.netlify.app)
#
## Project Details
#
![image](https://github.com/user-attachments/assets/660284b6-6f78-47ab-988f-bf84e465dc03)
![image](https://github.com/user-attachments/assets/0e885b44-0ce4-4237-9990-4696d2d72903)
#
### `Folder Structure Overview`
#
![image](https://github.com/user-attachments/assets/d32f1df2-50ff-4639-b63a-a8b00eaae6b7)
#
### `Technology Use`
#
1. Next JS
2. React Hooks
3. Event Handlers
4. Arrow Functions
5. React Hook Form
6. React Font Awesome
7. HTML5
8. Tailwind CSS
9. ShadCN ui
10. Axios

#
### `Project Deploy`
#
1. Vercel
2. Netlify

#
### `Project Run Command`
#
1. Download this repository
2. Unzip this file
3. Open the terminal
4. Write the command “npm install”
5. Also, write this command “npm run dev”
6. And click this URL “http://localhost:3000/”

#
### `Project View Dark & White Mood`
#
![image](https://github.com/user-attachments/assets/eca2628a-6f4a-410b-a3ae-240bc2dfc89f)
#
![image](https://github.com/user-attachments/assets/41aa7fd3-9c2f-4cf2-aea0-e7194d883342)
#
![image](https://github.com/user-attachments/assets/fb825a8f-d1b2-4b48-a4ac-4d5dcc77bb4a)
#
![image](https://github.com/user-attachments/assets/684101c8-f413-4301-a8d0-ccc130f87b8d)
#
![image](https://github.com/user-attachments/assets/ca455166-40cb-4ced-b87c-a9c6d20eeaff)
#
![image](https://github.com/user-attachments/assets/1d85cb45-723f-45b7-a4b3-ee1da560b5c4)
#
![image](https://github.com/user-attachments/assets/c557f05d-ae8e-492e-bd79-d46329914d48)
#
![image](https://github.com/user-attachments/assets/b4cf518c-e222-4b14-be7d-3e4dd1a3c1cf)
#
![image](https://github.com/user-attachments/assets/647385cb-3537-4c30-9dcb-513021419451)
#