Skip to content

Efficiently manage and track your tasks with our React-based Task Manager App. Features intuitive task creation, editing, and organization, all wrapped in a sleek, user-friendly interface. Dive in and experience seamless task management with the power of React and TypeScript!

Notifications You must be signed in to change notification settings

AdrianGeorgeM/task-manager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📋 Task Manager Application - Technical Test

Showcasing Front-End Skills with React for Purplebricks

React TypeScript CSS3


🌟 Overview

Welcome to the Task Manager Application, a dynamic and user-friendly tool crafted for the Purplebricks front-end developer technical test. This React-based app is designed to streamline task management, making organizing and tracking tasks both efficient and enjoyable.

🚀 Features

  • 🆕 Create New Tasks: Add tasks with essential details. It's quick, easy, and intuitive!
  • 📋 Display Tasks: View all your tasks in a beautifully designed list, complete with all the details you need.
  • ✏️ Edit Task Details: Need to change something? No worries! Editing task details is just a click away.
  • ✔️ Mark Tasks as Completed: Get that satisfying feeling of crossing tasks off your list!
  • 🗑️ Delete Tasks: Remove tasks that are no longer needed to keep your list fresh and up-to-date.

🎯 Technical Highlights

  • ⚛️ React Components & State Management: Crafted with React's latest features for a smooth, state-of-the-art user experience.
  • 🔍 TypeScript Integration: Employs TypeScript for enhanced code reliability and developer happiness.
  • 📝 Form Handling and Validation: Robust form management ensures a seamless user interaction.
  • 📱 Responsive Design: Looks great on any device, be it desktop, tablet, or mobile.
  • 🧱 Modular Code Structure: Clean, maintainable, and scalable - the three pillars of our code philosophy.

🚀 Getting Started

To dive into the Task Manager:

  1. Clone the Repository

    git clone [repository-url]
  2. Install Dependencies

    cd [project-folder]
    npm install
  3. Launch the Application

    npm start

🧪 Testing

Run the unit tests to ensure everything is in tip-top shape:

npm test

💡 Contributing

Got ideas on how to make this even better? Contributions and suggestions are more than welcome. Feel free to fork, issue, or pull request!


Happy Task Managing! 🎉

About

Efficiently manage and track your tasks with our React-based Task Manager App. Features intuitive task creation, editing, and organization, all wrapped in a sleek, user-friendly interface. Dive in and experience seamless task management with the power of React and TypeScript!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published