Interactive platform connecting users with providers of personalized leisure activities.
Developed with React.js for the frontend and Flask (Python) for the backend, using SQLAlchemy as the database abstraction layer.
This project combines a modern stack, agile deployment, and an architecture designed to scale new features quickly and efficiently.
- Frontend: React.js
- Backend: Python + Flask
- Database: SQLAlchemy + PostgreSQL (compatible with SQLite and MySQL)
- Package Managers: Pipenv (for Python) and NPM (for JS)
- Recommended Environment: GitHub Codespaces or local setup with Python 3.10 and Node 20+
- 📚 Modular architecture ready to scale new functionalities.
- 🧰
.envconfiguration to separate credentials and sensitive variables. - 🛠️ Full integration with SQLAlchemy for easy model and migration handling.
- 🌍 Ready for deployment on Render or Heroku in just minutes.
- 🧪 Scripts to quickly generate test data.
Make sure you have Python 3.10, Pipenv, and a database engine installed (PostgreSQL is recommended).
-
Install Python dependencies:
pipenv install
-
Create the
.envfile from the example:cp .env.example .env
-
Set the
DATABASE_URLvariable with your credentials:
| Engine | DATABASE_URL |
|---|---|
| SQLite | sqlite:////test.db |
| MySQL | mysql://user:password@localhost:3306/example |
| Postgres | postgres://user:password@localhost:5432/example |
-
Migrate the database:
pipenv run migrate pipenv run upgrade
-
Start the backend server:
pipenv run start
If you need to revert a migration:
pipenv run downgradeyou can insert sample users with:
flask insert-test-dataThis will automatically generate several records in your database for development purposes.
Make sure Node.js versión 20 is installed and then backend is running properly.
-
Install Node dependences:
npm install
-
Start the React development server:
npm run start
Experience 365 is ready to be doployed quickly on Render or Heroku.
Check Render's documentation for detailed deployment steps.
Project developed as part of the final project for the Full Stack Developer Bootcamp at 4Geeks Academy.
- David Querol — Fullstack Developer
- Melani Medigovich - Fullstack Developer
- Sergio García - Fullstack Developer
Inspired by the original template from Alejandro Sánchez and contributors from 4Geeks Academy.