Go-React-Todo

A simple and modern To-Do List application built using Go for the backend, React for the frontend, and MongoDB for the database.

Table of Contents

• Features
• Demo
• Setup
• Usage
• API Endpoints
• Technologies Used
• Contributing

Features

• Add, update, and delete tasks
• Mark tasks as completed or undo completion
• Real-time task updates
• Responsive design

Demo

Block Diagram:

Setup

Prerequisites

• Go (v1.16 or later)
• Node.js and npm (v14 or later)
• MongoDB

Installation

1. Clone the repository:

   git clone https://github.com/your-username/go-react-todo.git
   cd go-react-todo

2. Backend Setup:

   • Navigate to the backend directory:

     cd server

   • Install Go dependencies:

     go mod tidy

   • Create a .env file in the backend directory with the following content:

     DB_URI=mongodb://localhost:27017
     DB_NAME=go_react_todo
     DB_COLLECTION_NAME=todolist

   • Run the backend server:

     go run main.go

3. Frontend Setup:

   • Navigate to the frontend directory:

     cd client

   • Install React dependencies:

     npm install

   • Start the React development server:

     npm start

4. Access the Application:

   • Open your browser and navigate to http://localhost:3000.

Usage

• Add a Task: Type a task in the input field and click "Create Task" to add it to the list.
• Mark as Done: Click the green checkmark to mark a task as completed.
• Undo a Task: Click the blue undo icon to mark a task as incomplete.
• Delete a Task: Click the red delete icon to remove a task from the list.

API Endpoints

Task Endpoints

• GET /api/tasks - Retrieve all tasks
• POST /api/tasks - Create a new task
• PUT /api/tasks/{id} - Mark a task as completed
• PUT /api/undoTask/{id} - Undo a task completion
• DELETE /api/deleteTask/{id} - Delete a task

Technologies Used

• Go: Backend API
• React: Frontend UI
• MongoDB: Database
• Semantic UI: UI components and styling

Contributing

Contributions are welcome! Please follow these steps to contribute:

1. Fork the repository
2. Create a new branch (git checkout -b feature-branch)
3. Commit your changes (git commit -m 'Add some feature')
4. Push to the branch (git push origin feature-branch)
5. Open a Pull Request