https://github.com/escalopa/task-tracker-frontend

Trello clone project, Built by me without tutorials with ReactJS
https://github.com/escalopa/task-tracker-frontend

apollo-client javascript mui reactjs styled-components

Last synced: about 21 hours ago
JSON representation

Trello clone project, Built by me without tutorials with ReactJS

• Host: GitHub
• URL: https://github.com/escalopa/task-tracker-frontend
• Owner: escalopa
• Created: 2022-02-22T16:12:04.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-23T14:48:19.000Z (about 2 years ago)
• Last Synced: 2023-03-08T20:46:29.772Z (over 1 year ago)
• Topics: apollo-client, javascript, mui, reactjs, styled-components
• Language: JavaScript
• Homepage: https://escalopa-trello.netlify.app/
• Size: 2.56 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# task-tracker-frontend

This project is a front-end clone for trello made by me (**Didn't follow any tutorials**)

Project has been deployed on 2 different platforms (netlify & gh pages), Here are the links to live version:

- [trello-netlify](https://escalopa-trello.netlify.app/)

- [trello-gh-pages](https://escalopa.github.io/task-tracker-frontend/)

Backend URL: https://itis-task-tracker-be.herokuapp.com, Actually the [project](https://github.com/escalopa/task-tracker-backend) must have been the backend for this project but I couldn't finish it on time, so I used someone's else backend 😃

## Project Functionalities

- Sign In & Sign Up & Sign Out

- Create List

- Create Tasks inside a list

- Update List, Task, User data

- Validating for all units lists

## Tools 

- MUI

- Styled components

- Graphql apollo client

- React hooks, animations

- HOC

## What's Next

This project is not under development anymore, Feel free to fork and play with it

To start working on the project after the `fork` and `clone` 

Run the following commands to run the applications

```shell

$ yarn  # To install all packages

```

Now you are ready to run the project with

```shell

$ yarn start # Launch the application

```