https://github.com/ragab0/gpt-3

GPT-3 React project
https://github.com/ragab0/gpt-3

css3 figma html5 javascript nextjs react tailwindcss

Last synced: 16 days ago
JSON representation

GPT-3 React project

• Host: GitHub
• URL: https://github.com/ragab0/gpt-3
• Owner: ragab0
• Created: 2023-08-13T14:33:05.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-31T16:21:41.000Z (over 1 year ago)
• Last Synced: 2024-11-11T09:09:08.414Z (3 months ago)
• Topics: css3, figma, html5, javascript, nextjs, react, tailwindcss
• Language: JavaScript
• Homepage: https://ragab-gpt-3.vercel.app/
• Size: 19.5 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# GPT-3

A modern and interactive website that showcases the capabilities of GPT-3. Transformed a Figma design into a responsive, fully functional website using React and Next.js to practice front-end development skills.

![gpt-3-img](./assets/gpt3.png)

## Key highlights include

- **Responsive Design**: Ensures smooth display and usability across all devices, with AOS scroll animations adding a touch of interactivity.

- **Cross-Browser** Compatibility: Built to provide a consistent, user-friendly experience across major browsers.

- **Optimized Performance**: All images are compressed and served in WebP format for faster load times.

- **Reusable Components**: Leveraged React components for modularity and efficient maintenance.

- **Organized Structure**: Follows a clean file structure, making the codebase easy to understand and extend."

## Built with

- HTML5

- CSS3

- JavaScript

- React

- Next.js

- Tailwindcss

- Figma

## Sources & Reference

JavaScript Mastery:

- The figma design: https://www.figma.com/design/cLyVGrGf1qIdXG3IEJFb46/gpt3-(Copy)?node-id=0-15&t=aYQWR0vRWXhiHYzY-1

- The main video tutorial: https://www.youtube.com/watch?v=LMagNcngvcU&list=PL6QREj8te1P6CkO_4OIK1-nwG5OxCD5tR