Forem: Alejandro Vivas

Simple Task Manager: trying Tailwindcss for the 1st time

Alejandro Vivas — Wed, 31 Mar 2021 15:31:00 +0000

Bootstrapped with CRA and using Tailwindcss. I built a simple Task manager, it's incomplete and may have some bugs. I didn't have the intention to finish it at all but to try for the first time Tailwindcss.

I have to say, I really love working with that so called "Utility CSS Framework". In fact, I built the UI pretty fast.

Features (so far)
Register User
Login User
Tasks CRUD
Assign task to a registered user
Mark tasks as done
Add comments to any task
Edit/delete comments to any task (owner only)
Like comments
List Team members

Repo
https://github.com/AlexSegen/taskerapp.frontend

Demo
https://mytasker.netlify.app/

Notes
This "project" is using Context Api and it's only hooks based components.

Backend
This is using a simple ExpressJS backend built by me called Ninja (WIP).

Disclaimer
This is not fully functional and I published this for educational purposes only.

Screenshots

React Expense Tracker

Alejandro Vivas — Thu, 14 May 2020 13:55:21 +0000

Hi all!

Last week was really fun. I've been coding some stuff and had more practice with React. (I work with Vue and Angular, mostly) and I have to say I really love React Hooks!

This time I want to share with you this little Expense Tracker App and I hope some people will find it useful to learn.

Some things you will find:

-React Hooks
-Context API
-Themming (Light and Dark mode)
-Change UI language using React n18next.
-Firebase CRUD
-Firebase Authentication using ReactFire.
-Data visualization with Charts JS.

Demo --> https://react-exp-tracker.netlify.app/
Repo --> https://github.com/AlexSegen/react-expense-tracker

Any feedback is very appreciated.

Simple React Shopping Cart

Alejandro Vivas — Thu, 14 May 2020 05:03:55 +0000

Hi all!

For those who are still learning stuff about React (just like me :P), I wanted to share a Shopping Cart example using React Hooks and Context API.

Please, know that this is just an example with basic Shopping Cart functions and not a fully "Store" boilerplate.

Any feedback is appreciated and I hope some of you find this usefull for learning!

GIT: https://github.com/AlexSegen/react-shopping-cart
DEMO: https://react-shooping-cart.netlify.app

You can follow me on Twitter to share more programming stuff.
https://twitter.com/pixelagil/

Thank you!