This project is a recreation of the famous task management application Karban. It aims to provide a user-friendly and efficient interface for organizing your daily tasks.
This project was developed to practice and demonstrate skills in web development using modern technologies such as JavaScript, TypeScript, React.js, RESTful APIs, and GraphQL. It simulates the main functionalities of Karban, allowing users to create, edit, view, and delete tasks.
- Create tasks with title and description
- Edit existing tasks
- View tasks in a clean and organized interface
- Delete tasks
- Organize tasks by categories
- Mark tasks as completed
Follow the instructions below to set up and run the project locally.
-
Clone the repository:
git clone https://github.com/DaveSimoes/karban-clone.git cd kanban-task-management -
Install dependencies:
npm install
-
Configure environment variables: Create a .env file in the root of the project and add your environment variables. Example:
REACT_APP_API_URL=http://localhost:4000
-
Start the development server:
npm start
-
Open your browser and navigate to:
http://localhost:3000
After starting the development server, you can begin using the application to manage your tasks. Follow the instructions on the interface to create, edit, and delete tasks.
- Technologies Used
- JavaScript
- TypeScript
- React.js
- RESTful APIs
- GraphQL
- Build Tools and Frontend Pipelines
- Git for code versioning
- Agile Methodologies
Contributions are welcome! Feel free to open issues or submit pull requests. To contribute:
- Fork the repository
- Create a new branch (git checkout -b feature/new-feature)
- Make your changes and commit (git commit -am 'Add new feature')
- Push to the branch (git push origin feature/new-feature)
- Open a Pull Request
This project is licensed under the MIT License.
Dave Simoes - [email protected]
Feel free to contact me if you have any questions or suggestions!