https://github.com/melvinaguilar/project-modern-ui-ux-gpt3

Modern UI/UX GPT-3
https://github.com/melvinaguilar/project-modern-ui-ux-gpt3

react react-form-hook tailwindcss vite

Last synced: about 1 month ago
JSON representation

Modern UI/UX GPT-3

• Host: GitHub
• URL: https://github.com/melvinaguilar/project-modern-ui-ux-gpt3
• Owner: MelvinAguilar
• Created: 2022-12-29T02:41:41.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-29T03:56:50.000Z (over 2 years ago)
• Last Synced: 2025-01-22T11:11:18.203Z (3 months ago)
• Topics: react, react-form-hook, tailwindcss, vite
• Language: JavaScript
• Homepage: https://project-modern-ui-ux-gpt3-hdez.vercel.app/
• Size: 1.06 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        




  
Project Modern UI/UX GP3

  


    View Demo

    ·

    Report Bug

  





  

  

    

  

  

  

    

  




#



![](https://user-images.githubusercontent.com/90595158/209900516-c1bd5705-7da5-4cf1-82af-fc2319c4b5cf.png)



This is my own solution based on the figma design provided by [Javascriptmastery - YT](https://www.youtube.com/@javascriptmastery). This is a project that I did to practice my skills in React, Tailwind CSS. This is not a clone of the original project, its just my own solution.




### Credits

- [Javascriptmastery - YT](https://www.youtube.com/@javascriptmastery)

- [Build and Deploy 4 Modern React Apps - Video YT](https://www.youtube.com/watch?v=F627pKNUCVQ)

- [Figma Design](https://www.figma.com/file/lz9lLpFHMxHm2odnwM3R0z/gpt3)




## Table of contents

- [Built with](#built-with)

- [Acknowledgments](#acknowledgments)

### Built with

![](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)

![](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

![](https://img.shields.io/badge/tailwindcss-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)

![](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge&logo=vite&logoColor=white)

![](https://img.shields.io/badge/Git-F05032?style=for-the-badge&logo=git&logoColor=white)

- React

- React Hook Form

- Tailwind CSS

- Vite

- Semantic HTML5 markup

### Useful resources

- [React Hook Form: UseForm](https://react-hook-form.com/api/useform)

- [React documentation](https://reactjs.org/)

- [Tailwind Documentation](https://tailwindcss.com/docs)

## Acknowledgments

This project uses [yarn](https://classic.yarnpkg.com). If you do not have yarn, checkout installation steps [here](https://classic.yarnpkg.com/en/docs/install).

```

yarn install

```

Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will reload when you make changes.\

You may also see any lint errors in the console.

Once that is completed, you should be able to run the project:

```

yarn start

```

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).