Skip to content

A simple web-based Bucket List application built with Flask and MongoDB. Users can add, view, mark as done, and delete items from their personal bucket list. Demonstrates CRUD operations, RESTful API design, and MongoDB integration using Flask.

Notifications You must be signed in to change notification settings

MuhammadAlifBudiman/bucket-list

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bucket List Web Application

This project is a simple web-based Bucket List application built with Flask and MongoDB. It allows users to add, view, mark as done, and delete items from their personal bucket list.

Features

  • Add Items: Users can add new items to their bucket list.
  • View Items: All bucket list items are displayed on the homepage.
  • Mark as Done: Items can be marked as completed.
  • Delete Items: Users can remove items from their list.

Technology Stack

  • Backend: Python, Flask
  • Database: MongoDB (accessed via PyMongo)
  • Frontend: HTML (Jinja2 templates)

Project Structure

app.py                # Main Flask application
requirements.txt      # Python dependencies
start.sh              # Shell script to start the app
/templates/index.html # Main HTML template

Setup Instructions

  1. Clone the repository and navigate to the project directory.
  2. Install dependencies:
    pip install -r requirements.txt
  3. Set up environment variables:
    • Create a .env file in the project root with the following:
      MONGODB_URI=your_mongodb_connection_string
      DB_NAME=your_database_name
      
  4. Start MongoDB (locally or use a cloud provider like MongoDB Atlas).
  5. Run the application:
    python app.py
    Or use the provided start.sh script.
  6. Access the app: Open your browser and go to http://localhost:5000

Endpoints

  • / : Home page (shows the bucket list)
  • /bucket (POST): Add a new item
  • /bucket (GET): Get all items
  • /bucket/done (POST): Mark an item as done
  • /delete (POST): Delete an item

About

This project is part of the MSIB LearningX Full Stack Web Development program. It demonstrates CRUD operations, RESTful API design, and integration with MongoDB using Flask.


Feel free to modify and expand this project for your learning or personal use!

About

A simple web-based Bucket List application built with Flask and MongoDB. Users can add, view, mark as done, and delete items from their personal bucket list. Demonstrates CRUD operations, RESTful API design, and MongoDB integration using Flask.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published