To-Do application made with Vite, TypeScript, SCSS and DummyJSON API. Frontend job interview task for company Xiphias.
To-Do App is an application built with Vite, TypeScript and SCSS. It allows users to manage tasks with features such as adding, completing or deleting tasks. Tasks are categorised into 'manual' and 'API' tasks, as well as distinctly styled. Using DummyJSON API, users can fetch a number of tasks which are then added into the list. Aside from the single task deletion, bulk deletion is available, as deleting all tasks, only manually added tasks, and only tasks sourced from the API. Input validation, error handling and success notifications are also implemented. BEM (Block Element Modifier) methodology is used in order to better organise the styles for the application.
- src/
- components/ - custom web components (Navbar.ts, TodoItem.ts, TodoList.ts)
- resources/ - all assets used within the application
- img/ - image assets, such as icons and logos (trashAlt.png, xiphiasTaskLogo.png)
- styles/ - files that define the styles for the application (main.scss)
- Clone the repository
git clone https://github.com/lanasavic/to-do-app.git- Enter the project directory
cd to-do-app- Install dependencies
npm install- Run the local development server
npm run dev