My solution for the OSC Hack is to cater toward Dino Luzzy Energy, it consists of redesigning the whole UI for the website and adding functionality like a navbar for quick website traversal, hover effect to make the website come to live, interactive features such are contact form submission popup notification, and complete responsive UI to make sure users get a great experience in any device. Additionally, I implement a chatbot component that utilizes Chatgtp API to create a personal assistant when a customer visits the website to make them feel welcome.
Navigate to the React app directory:
''' cd app ''' ''' npm install '''
''' npm start '''
To start the Flask server:
''' cd server '''
''' pip install flask flask_cors python-dotenv openai '''
''' python app.py ''' This will start the Flask server on http://127.0.0.1:5000/.
Make sure to set up your OpenAI API key by creating a .env file in the server directory and
.env OPENAI_API_KEY=your_api_key_here
Ensure that you have the necessary permissions and configurations set up to run both the React app and the Flask server successfully.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent