GPT3 Website

Live Project🎉

• GitHub - https://nkilm.github.io/openai-gpt3
• Vercel - https://openai-gpt3.vercel.app

Usage

• With Docker (Recommended)

docker build -t openai-gpt3 .

docker run -it -p 3000:3000 openai-gpt3

• Without Docker

npm i
npm start

Concepts Learned

• Website Design - Figma
• BEM(Block-Element-Modifier) CSS
• Flexbox and Grid
• Complex CSS Animation (Gradients and Key-frames)
• CSS Variables in React Project
• React Component Reusability
• Clean Imports in React Components
• React Project Structure
• Responsive Website using Reactjs
• Deploying React App(s) to GitHub/Vercel
• Containerizing NodeJS app using Docker

Figma Design -

Click me!!

Credits

YouTube - Javascript Mastery