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

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

Figma Design -

Click me!!

Credits

YouTube - Javascript Mastery