Skip to content

A full-stack Todo application using React for the frontend, Flask for the backend, and PostgreSQL for the database. The project is containerized using Docker and managed with Docker Compose for easy deployment.

License

Notifications You must be signed in to change notification settings

Raddames-Tonui/TodoApp

Repository files navigation

To-Do App

Welcome to the To-Do App! This application helps you manage tasks efficiently with a seamless user experience. Built with React, Vite, Tailwind CSS, and Python (Flask), the app provides powerful functionality and scalable deployment using Render and Netlify.

Overview

This project is structured into different components, each documented separately. Click on the links below to access more details:

Features

  • Task Management: Create, update, and delete tasks effortlessly.
  • User Authentication: Secure user registration and login.
  • Responsive Design: Mobile-friendly UI built with Tailwind CSS.
  • Real-time Updates: Tasks update dynamically without a page refresh.
  • Deployed on Render and Netlify: Ensuring reliability and scalability.

Screenshots

Sign in Page Sign In

Sign up Page Sign Up

Task Manager Task Manager

Update Profile Update Profile

Tech Stack

Frontend

  • React – JavaScript library for building UIs.
  • Vite – Fast development build tool.
  • Tailwind CSS – Utility-first CSS framework.

Backend

  • Python – Versatile programming language.
  • Flask – Lightweight web framework for Python.

Deployment

  • Netlify – Deployment platform for the frontend. Netlify Status
  • Render – Deployment platform for the backend.

Getting Started

Prerequisites

  • Node.js and npm installed
  • Python and pip installed

Installation

  1. Clone the repository:

    git clone [email protected]:Raddames-Tonui/TodoApp.git
    cd TodoApp
  2. Install frontend dependencies:

    cd frontend
    npm install
  3. Install backend dependencies:

    cd backend
    pip install -r requirements.txt

Contributing

Contributions are welcome! Please fork the repository and create a pull request with your changes.

About

A full-stack Todo application using React for the frontend, Flask for the backend, and PostgreSQL for the database. The project is containerized using Docker and managed with Docker Compose for easy deployment.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published