Build a Friend Store with Python(Flask) and JavaScript(React)

Video Tutorial on Youtube

• ⚙️ Tech Stack: Python, React, SQLite, SQLAlchemy, Flask, Chakra UI
• ✅ CRUD Functionality: Seamlessly create, read, update, and delete friends from your store.
• 🔒 Best Practices: Utilizes best practices such as creating virtual environments (venv) for a clean and isolated development environment.
• 🌐 Deployment: Deployed on Render for free.
• 🎨 Stylish UI Components: Enhanced user experience with stylish UI components provided by Chakra UI.
• 🌓 Light and Dark Mode: Enjoy a personalized user interface experience with light and dark mode options.
• 📱 Responsive Design: The app is designed to adapt to various screen sizes, ensuring a consistent experience across devices.

1. Clone the repository:

git clone https://github.com/burakorkmez/react-python-tutorial

2. Navigate to the project directory:

cd react-python-tutorial

3. Navigate to the backend directory:

cd backend

4. Create a virtual environment:

• On macOS and Linux:

python3 -m venv venv

• On Windows:

python -m venv venv

5. Activate the virtual environment:

• On macOS and Linux:

source venv/bin/activate

• On Windows:

venv\Scripts\activate

6. Install the dependencies:

• On macOS and Linux:

pip3 install -r requirements.txt

• On Windows:

pip install -r requirements.txt

7. Navigate to the frontend directory:

cd ../frontend

8. Install the dependencies:

npm install

9. Build the frontend:

npm run build

10. Navigate to the backend directory:

cd ../backend

11. Run the Flask app:

flask run

12. Open your browser and go to http://localhost:5000/ to view the app.

13. Don't forget to Like && Subscribe 🚀