Electra51 / user-app-task

Stack-task management application

Home Page:https://657dbdec70b54143cc803acc--peppy-frangollo-d7f067.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Stack - tasks management Web Application

Technologies Used

  • Frontend: HTML, CSS, JavaScript, React Js, Typescript, Tailwindcss, Redux Toolkit, RTK query
  • Fake Api used for get and post operation
  • Other Technologies: React hot toast, React Form Hook, React icons
  • User Authentication: Fake Api, Tokens
  • Tools: Git for version control, GitHub for repository hosting, Netlify for Deploying.

Features

  • Users Listing: Show all users and their action on table view.
  • Tasks Listing: Tasks get from dummy api and show it card view.
  • Login and Registration: Login and registration api intregation using redux toolkit and rtk query.
  • Other Page: Dashboard, profile, settings page design blank now.
  • Private route: Private route for user, dashboard and task page

Live Link Demo

https://6530e4b043164a0e3ee33654--fluffy-narwhal-97e439.netlify.app/

Screenshots

App Screenshot App Screenshot App Screenshot App Screenshot

Color Reference

Color Hex
Body Color #FFFFFF #FFFFFF
Theme Color #6941c6 #6941c6

Run Locally

Clone the project

  git clone https://link-to-project

Go to the project directory

  cd my-project

Install dependencies

  npm install

Start the server

  npm start

🔗 Links

portfolio linkedin twitter

About

Stack-task management application

https://657dbdec70b54143cc803acc--peppy-frangollo-d7f067.netlify.app/


Languages

Language:TypeScript 92.9%Language:HTML 3.8%Language:CSS 2.9%Language:JavaScript 0.4%