Skip to content

MyCalendrr - Building a Multi-User Appointment Manager App using a Postgres Database. Frontend Stack: TypeScript-ReactJS, TailwindCSS and Vite. Backend: Python/Flask, SQLAlchemy with a Monorepo setup.

License

Notifications You must be signed in to change notification settings

Cre8steveDev/MyCalendrr

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MyCalendrr - Neon Open Source Starter Kit

MyCalendrr is a powerful open source starter kit for building a multi-user appointment manager application. It uses a Neon Postgres database for efficient data storage and retrieval. The project is my submission for the Neon OSS Starter Kit Challenge on DEV and aims to provide developers with a solid foundation for quickly setting up a ReactJS Frontend and Flask Server Project in developing appointment management applications.

Features

  • Multi-user support: MyCalendrr allows multiple users to manage their appointments efficiently and share links to clients to book appointments.
  • Frontend Stack: TypeScript-ReactJS, TailwindCSS, and Vite.
  • Backend: Python/Flask and SQLAlchemy and Neon Postgres Database.
  • Monorepo setup: This kit follows a monorepo setup, allowing for better code organization and easier collaboration among developers.
  • GitHub Actions workflow: Basic setup for GitHub Actions workflow - customizable based on your project needs.

Getting Started

  • Clone the repository:
git clone https://github.com/Cre8steveDev/Neon_Postgres_Flask_SqlAlchemy_ReactJS_Starter_Kit.git
  • Install the required dependencies
# For the frontend
cd client && npm install

# For the backend
cd server && python3 -m venv ./venv

# On Linux Machines
source ./venv/bin/activate

# Install dependencies for the backend
pip install -r requirements.txt

Update Credentials in the .env in the server/ directory

DEV_BRANCH_NEON_DATABASE_URI=""
MAIN_BRANCH_NEON_DATABASE_URI=""
JWT_SECRET_KEY=""

Start the Project

  1. Start the frontend development server: npm run dev
  2. Start the backend server: python app.py
  3. Access MyCalendrr in your browser at http://localhost:3000

Contributing

Update coming soon. Till then, happy coding.

License

MyCalendrr is released under the MIT License.

AUTHOR

  • Stephen Omoregie: Creator and maintainer of MyCalendrr

🙏 Acknowledgements

Thanks to Neon for hosting this challenge and providing an amazing Postgres platform! Challenge Link: https://dev.to/t/neonchallenge

Research Materials and Documentation

Python and VsCode can be a bit whacky most times. If after installing a package, and your Vscode is still screaming "I'm Losssst!". Just restart the language server. Ctrl/Cmd + Shift + P then search Language Server

  1. Flask Migration - https://blog.miguelgrinberg.com/post/how-to-add-flask-migrate-to-an-existing-project
  2. Flask SQLAlchemy - https://flask-sqlalchemy.palletsprojects.com/en/3.1.x/
  3. Flask Bcrypt - https://pypi.org/project/Flask-Bcrypt/
  4. Flask JWT Extended https://flask-jwt-extended.readthedocs.io/en/stable/basic_usage.html
  5. Check out available options for JWT https://flask-jwt-extended.readthedocs.io/en/stable/options.html

About

MyCalendrr - Building a Multi-User Appointment Manager App using a Postgres Database. Frontend Stack: TypeScript-ReactJS, TailwindCSS and Vite. Backend: Python/Flask, SQLAlchemy with a Monorepo setup.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published