Skip to content

nikhilsharma-github/BuddyBook

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

13 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“˜ BuddyBook - Your Professional Contacts Manager πŸ“˜

A powerful and elegant professional contacts manager built using ReactJS, Chakra UI, and Python Flask. Easily manage your network with intuitive CRUD features. Deployed on Render.


βœ… 🧐 Key Features at a Glance

Here are the core functionalities that make BuddyBook a reliable contact management app:

  1. πŸ†• Create Contacts – Add new professional or personal contacts effortlessly
  2. ✏️ Edit Contacts – Update contact details such as name, phone, and email
  3. πŸ—‘οΈ Delete Contacts – Remove outdated or unwanted entries
  4. πŸ” CRUD Operations – Built using REST APIs and full-stack integration
  5. πŸ’‘ Responsive UI – Modern and minimalistic design using Chakra UI
  6. πŸ”— React + Flask Integration – Smooth frontend-backend communication via API calls

πŸ’š πŸ› οΈ Technologies & Tools Used

πŸ”§ Frontend & UI

  • βš›οΈ ReactJS – For building dynamic, component-based UI
  • 🎨 Chakra UI – Modern, accessible design system
  • 🌐 HTML, CSS, JS – Core frontend development stack

🧠 Backend & Logic

  • 🐍 Flask – Lightweight Python backend framework
  • πŸ—ƒοΈ SQLite + SQLAlchemy – ORM and local database solution
  • πŸ”„ REST APIs – Flask-powered endpoints for contact management

βš™οΈ Architecture & Dev Practices

  • πŸ’‘ Component-Based Structure – Organized React folder system
  • πŸ” Form Validations – Chakra UI form components and basic checks
  • πŸš€ Frontend-Backend Sync – Fetch/axios requests with clean JSON response handling

πŸ’» Built With

ReactJS, Chakra UI, Python Flask, SQLAlchemy, SQLite,
HTML, CSS, JavaScript, Render

πŸš€ Deployment

  • 🌍 Hosted on: Render
  • πŸ” Backend-Frontend Separation: Independent deployment for Flask backend and React frontend
  • βš™οΈ Environment Setup: .env files for managing secrets and API base URLs

πŸ“· Screenshots

πŸ“ Place your screenshots in a /screenshots folder or update these paths accordingly.

βž• Contacts HomePage

HomePage Screenshot

πŸ“ Add New Contact

Add Contact Screenshot

πŸ“‹ Update Existing Contact

Update Contact Screenshot

πŸ“‹ Deleting Contact

Delete Contact Screenshot


πŸ“£ Feedback & Contributions

We’d love your feedback and suggestions to improve BuddyBook!

  • πŸ“¬ Open an Issue for bugs or features
  • πŸ”§ Submit a Pull Request with improvements
  • πŸ“§ Contact via Gmail for collaborations

About

A React and Flask Application, for storing your Professional Contacts.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published