https://github.com/gioudi/react-ts-todo-ja

The todo project focuses on creating, displaying, updating and deleting tasks to do. Besides the chance to filter them and display them based on status, priority and dateline.
https://github.com/gioudi/react-ts-todo-ja

jest react ts typescript

Last synced: 23 days ago
JSON representation

The todo project focuses on creating, displaying, updating and deleting tasks to do. Besides the chance to filter them and display them based on status, priority and dateline.

• Host: GitHub
• URL: https://github.com/gioudi/react-ts-todo-ja
• Owner: gioudi
• Created: 2024-09-05T04:38:27.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-09-13T09:29:00.000Z (2 months ago)
• Last Synced: 2024-10-04T21:37:27.302Z (about 1 month ago)
• Topics: jest, react, ts, typescript
• Language: TypeScript
• Homepage: https://main--todo-jelou.netlify.app/
• Size: 502 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# To-do cards

Hi there!

The todo  project focuses on creating, displaying, updating and deleting tasks to do. Besides the chance to filter them and display them based on status, priority and  dateline. 

I used React and Redux for frontend. Moreover as a developer always looking to improve the code quality, I have integrated TypeScript and ESLint (Prettier)as well.

##Demo

- [Develop](https://deploy-preview-13--todo-jelou.netlify.app/)

- [Demo](https://main--todo-jelou.netlify.app/)

## Roles

- Administrador

## Features

- Sing up form: To access the dashboard is necessary fill out the form and submit the information.

- It's mandatory use those given credentials: 

-- {

    "email": "[email protected]",

    "password": "pistol"

-- }

- Sing in: Once you are registered correctly, go to login and fill out the form, next press login button

- It's mandatory use those given credentials: 

-- "email": "[email protected]",

-- "password": "cityslicka"

-- Display tasks: Once you are logged in the web you will be able to see a list fo tasks. Besides you then are able  to filter tasks by search query, status, priority and  dateline.

-- Edit task: Every card has a button to open a modal with the purpose to edit current info. 

-- Create task: There is a button on above the filter with the purpose to generate a new task.

## Technologies 💻

- **Frontend**: React, TypeScript, Scss, Eslint

##  Collaborators

- **Sergio Penagos** 🔥

  - [LinkedIn](https://www.linkedin.com/in/analyst-sergio-penagos)

  - [GitHub](https://github.com/gioudi)

  - [GitHub2](https://github.com/SergioVass)

  - []

- **Other** 🔥

  - [LinkedIn](https://www.linkedin.com/in/#)

  - [GitHub](https://github.com/#)

  - []

## Installation

1. Clone the repository: `git clone https://github.com/gioudi/react-ts-todo-ja`

2. Navigate to the project directory: `cd react-ts-todo-ja`

3. Install dependencies:

   - Frontend: `npm install --legacy-per-deeps`

## Usage

1. Start the frontend development server: `npm run start`

## Screenshots

![Screenshot]('./src/assets/landing.PNGs')

![Screenshot]()

## Links

1. 

- [Frontend](https://main--todo-jelou.netlify.app/)

- [Backend]()

- [Jira]()

- [Figma]()

## Versions 🚀

- Eslint: ^8.57.0

- TypeScript: ^4.9.5

- React: ^18.2.0

- Jest: ^5.17.0