Skip to content

Commit 6457dfe

Browse files
AndebugulinAndebugulin
committed
feat(new-project): TATASk_manager project was added
1 parent 657abbf commit 6457dfe

25 files changed

+129
-77
lines changed

‎_projects/1_project.md

Lines changed: 119 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -1,81 +1,133 @@
11
---
22
layout: page
3-
title: project 1
4-
description: a project with a background image
5-
img: assets/img/12.jpg
3+
title: TATASk
4+
description: An innovative platform for managing daily tasks and activities.
5+
img: assets/img/wizardTATASK.png
66
importance: 1
7-
category: work
8-
related_publications: true
7+
category: fun
98
---
109

11-
Every project has a beautiful feature showcase page.
12-
It's easy to include images in a flexible 3-column grid format.
13-
Make your photos 1/3, 2/3, or full width.
10+
## `TATASk` - Your Daily Task Management Wizard
1411

15-
To give your project a background in the portfolio page, just add the img tag to the front matter like so:
12+
> TATASk integrates cutting-edge technologies to streamline the management of daily tasks and activities, offering a feature-rich platform that enhances efficiency and style.
1613
17-
---
18-
layout: page
19-
title: project
20-
description: a project with a background image
21-
img: /assets/img/12.jpg
22-
---
14+
### `Feature Highlights`
2315

24-
<div class="row">
25-
<div class="col-sm mt-3 mt-md-0">
26-
{% include figure.liquid loading="eager" path="assets/img/1.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
16+
Utilizing a blend of technologies like `React`, `Node.js`, `PostgreSQL`, and `Docker`, `TATASk` offers robust functionality and scalability.
17+
18+
### `Page layouts`
19+
20+
#### Landing Page
21+
22+
<details>
23+
<div class="row justify-content-center">
24+
<div class="col-md-8">
25+
{% include figure.liquid path="assets/img/landing-page.jpg" title="Landing Page" class="img-fluid rounded z-depth-1" %}
26+
</div>
2727
</div>
28-
<div class="col-sm mt-3 mt-md-0">
29-
{% include figure.liquid loading="eager" path="assets/img/3.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
28+
</details>
29+
30+
#### Dashboard View
31+
<details>
32+
<div class="row justify-content-center">
33+
<div class="col-sm-6">
34+
{% include figure.liquid path="assets/img/navbar.jpg" title="Navigation Bar" class="img-fluid rounded z-depth-1" %}
35+
</div>
3036
</div>
31-
<div class="col-sm mt-3 mt-md-0">
32-
{% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
37+
<div class="row justify-content-center">
38+
<div class="col-sm-10">
39+
{% include figure.liquid path="assets/img/task-overview.jpg" title="Task Overview" class="img-fluid rounded z-depth-1" %}
40+
</div>
41+
<div class="col-sm-10">
42+
{% include figure.liquid path="assets/img/activity-overview.jpg" title="Activity Overview" class="img-fluid rounded z-depth-1" %}
43+
</div>
3344
</div>
34-
</div>
35-
<div class="caption">
36-
Caption photos easily. On the left, a road goes through a tunnel. Middle, leaves artistically fall in a hipster photoshoot. Right, in another hipster photoshoot, a lumberjack grasps a handful of pine needles.
37-
</div>
38-
<div class="row">
39-
<div class="col-sm mt-3 mt-md-0">
40-
{% include figure.liquid loading="eager" path="assets/img/5.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
45+
</details>
46+
47+
#### Tasks Management
48+
<details>
49+
<div class="row justify-content-center">
50+
<div class="col-sm-8">
51+
{% include figure.liquid path="assets/img/task-popup.jpg" title="Task Creation Popup" class="img-fluid rounded z-depth-1" %}
52+
</div>
4153
</div>
42-
</div>
43-
<div class="caption">
44-
This image can also have a caption. It's like magic.
45-
</div>
46-
47-
You can also put regular text between your rows of images, even citations {% cite einstein1950meaning %}.
48-
Say you wanted to write a bit about your project before you posted the rest of the images.
49-
You describe how you toiled, sweated, _bled_ for your project, and then... you reveal its glory in the next row of images.
50-
51-
<div class="row justify-content-sm-center">
52-
<div class="col-sm-8 mt-3 mt-md-0">
53-
{% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
54+
<div class="row justify-content-center">
55+
<div class="col-sm-6">
56+
{% include figure.liquid path="assets/img/task-filter.jpg" title="Task Filter by Activity" class="img-fluid rounded z-depth-1" %}
57+
</div>
5458
</div>
55-
<div class="col-sm-4 mt-3 mt-md-0">
56-
{% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
59+
<div class="row">
60+
<div class="col-sm-6">
61+
{% include figure.liquid path="assets/img/task-example-1.jpg" title="Task Example 1" class="img-fluid rounded z-depth-1" %}
62+
</div>
63+
<div class="col-sm-6">
64+
{% include figure.liquid path="assets/img/task-example-3.jpg" title="Task Example 3" class="img-fluid rounded z-depth-1" %}
65+
</div>
66+
</div>
67+
</details>
68+
69+
#### Activities Management
70+
<details>
71+
<div class="row justify-content-center">
72+
<div class="col-sm-8">
73+
{% include figure.liquid path="assets/img/add-activity-button.jpg" title="Add Activity Button" class="img-fluid rounded z-depth-1" %}
74+
</div>
5775
</div>
58-
</div>
59-
<div class="caption">
60-
You can also have artistically styled 2/3 + 1/3 images, like these.
61-
</div>
62-
63-
The code is simple.
64-
Just wrap your images with `<div class="col-sm">` and place them inside `<div class="row">` (read more about the <a href="https://getbootstrap.com/docs/4.4/layout/grid/">Bootstrap Grid</a> system).
65-
To make images responsive, add `img-fluid` class to each; for rounded corners and shadows use `rounded` and `z-depth-1` classes.
66-
Here's the code for the last row of images above:
67-
68-
{% raw %}
69-
70-
```html
71-
<div class="row justify-content-sm-center">
72-
<div class="col-sm-8 mt-3 mt-md-0">
73-
{% include figure.liquid path="assets/img/6.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
74-
</div>
75-
<div class="col-sm-4 mt-3 mt-md-0">
76-
{% include figure.liquid path="assets/img/11.jpg" title="example image" class="img-fluid rounded z-depth-1" %}
77-
</div>
78-
</div>
79-
```
80-
81-
{% endraw %}
76+
<div class="row justify-content-center">
77+
<div class="col-sm-8">
78+
{% include figure.liquid path="assets/img/activity-popup.jpg" title="Activity Creation Popup" class="img-fluid rounded z-depth-1" %}
79+
</div>
80+
</div>
81+
<div class="row">
82+
<div class="col-sm-14">
83+
{% include figure.liquid path="assets/img/activity-example.jpg" title="Activity Example" class="img-fluid rounded z-depth-1" %}
84+
</div>
85+
</div>
86+
</details>
87+
88+
#### Statistics Page
89+
<details>
90+
<div class="row">
91+
<div class="col-sm-6">
92+
{% include figure.liquid path="assets/img/statistics-chart-1.jpg" title="Statistics Chart 1" class="img-fluid rounded z-depth-1" %}
93+
</div>
94+
<div class="col-sm-6">
95+
{% include figure.liquid path="assets/img/statistics-chart-2.jpg" title="Statistics Chart 2" class="img-fluid rounded z-depth-1" %}
96+
</div>
97+
</div>
98+
</details>
99+
100+
### `Conclusion and Reflection`
101+
102+
Developing `TATASK` has been a journey of innovation and learning. The project not only enhanced my technical skills but also deepened my understanding of user-centric design.
103+
104+
For further `insights` and a `detailed breakdown` of technologies used, check out the project `documentation`:
105+
106+
- **[TATASk_manager](https://github.com/martimolanes/TATASk_Manager/)**
107+
- **[Database Setup and Usage](https://github.com/martimolanes/TATASk_Manager/blob/main/docs/database/database-usage.md)**
108+
- **[Server Implementation Details](https://github.com/martimolanes/TATASk_Manager/blob/main/docs/server/server-usage.md)**
109+
- **[Client Application Insights](https://github.com/martimolanes/TATASk_Manager/blob/main/docs/client/application-usage.md)**
110+
111+
### `Contributors`
112+
113+
<div id="contributors-list" style="display: flex; flex-wrap: wrap; justify-content: space-around; padding: 20px;">Loading contributors...</div>
114+
115+
<script>
116+
async function fetchContributors() {
117+
const url = 'https://api.github.com/repos/martimolanes/TATASk_Manager/contributors';
118+
const response = await fetch(url);
119+
const contributors = await response.json();
120+
121+
const contributorsHtml = contributors.map(contributor =>
122+
`<div class="contributor" style="margin: 10px; text-align: center;">
123+
<img src="${contributor.avatar_url}" alt="${contributor.login}" style="width: 100px; height: 100px; border-radius: 50%; display: block; margin: auto;">
124+
<p><a href="${contributor.html_url}" target="_blank">${contributor.login}</a></p>
125+
</div>`
126+
).join('');
127+
128+
document.getElementById('contributors-list').innerHTML = contributorsHtml;
129+
}
130+
131+
fetchContributors();
132+
</script>
133+

‎_projects/2_project.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
---
1+
<!-- ---
22
layout: page
33
title: project 2
44
description: a project with a background image and giscus comments
@@ -78,4 +78,4 @@ Here's the code for the last row of images above:
7878
</div>
7979
```
8080
81-
{% endraw %}
81+
{% endraw %} -->

‎_projects/3_project.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
---
1+
<!-- ---
22
layout: page
33
title: project 3
44
description: a project that redirects to another website
@@ -78,4 +78,4 @@ Here's the code for the last row of images above:
7878
</div>
7979
```
8080
81-
{% endraw %}
81+
{% endraw %} -->

‎_projects/4_project.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
---
1+
<!-- ---
22
layout: page
33
title: project 4
44
description: another without an image
@@ -77,4 +77,4 @@ Here's the code for the last row of images above:
7777
</div>
7878
```
7979
80-
{% endraw %}
80+
{% endraw %} -->

‎_projects/5_project.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
---
1+
<!-- ---
22
layout: page
33
title: project 5
44
description: a project with a background image
@@ -77,4 +77,4 @@ Here's the code for the last row of images above:
7777
</div>
7878
```
7979
80-
{% endraw %}
80+
{% endraw %} -->

‎_projects/6_project.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
---
1+
<!-- ---
22
layout: page
33
title: project 6
44
description: a project with no image
@@ -77,4 +77,4 @@ Here's the code for the last row of images above:
7777
</div>
7878
```
7979
80-
{% endraw %}
80+
{% endraw %} -->

‎assets/img/activity-example.jpg

127 KB
Loading

‎assets/img/activity-management.jpg

116 KB
Loading

‎assets/img/activity-overview.jpg

32.1 KB
Loading

‎assets/img/activity-popup.jpg

103 KB
Loading

‎assets/img/add-activity-button.jpg

48.3 KB
Loading

‎assets/img/add-task-button.jpg

5.74 KB
Loading

‎assets/img/landing-page.jpg

91.3 KB
Loading

‎assets/img/navbar.jpg

27.5 KB
Loading

‎assets/img/statistics-chart-1.jpg

110 KB
Loading

‎assets/img/statistics-chart-2.jpg

108 KB
Loading

‎assets/img/task-dashboard.jpg

62.8 KB
Loading

‎assets/img/task-example-1.jpg

47 KB
Loading

‎assets/img/task-example-2.jpg

50.8 KB
Loading

‎assets/img/task-example-3.jpg

43.6 KB
Loading

‎assets/img/task-filter.jpg

31.2 KB
Loading

‎assets/img/task-list.jpg

207 KB
Loading

‎assets/img/task-overview.jpg

26.1 KB
Loading

‎assets/img/task-popup.jpg

47.1 KB
Loading

‎assets/img/wizardTATASK.png

959 KB
Loading

0 commit comments

Comments
 (0)