https://github.com/srudhi6383/uprio-fe
https://github.com/srudhi6383/uprio-fe
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/srudhi6383/uprio-fe
- Owner: srudhi6383
- Created: 2024-11-11T11:30:56.000Z (7 months ago)
- Default Branch: master
- Last Pushed: 2024-11-12T07:35:44.000Z (7 months ago)
- Last Synced: 2025-02-01T17:32:08.754Z (5 months ago)
- Language: TypeScript
- Homepage: https://todo-uprio.vercel.app/
- Size: 180 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Uprio Assignment
# Full-Stack To-Do App
A full-stack To-Do application built with **React, TypeScript, Tailwind CSS, Redux**, and **Redux Persist** on the frontend, and **Node.js and Express** on the backend. This app allows users to create, read, update, and delete tasks, with filtering and sorting capabilities and a persistent state.
## Features
- **CRUD Operations**: Create, read, update, and delete tasks.
- **Task Attributes**: Each task has a title, description, due date, completion status, and priority.
- **Filtering & Sorting**: Filter tasks by completion status and sort by priority, due date, or completion status.
- **Persistent State**: Uses Redux for state management and Redux Persist to save state across sessions.
- **Responsive Design**: Styled with Tailwind CSS for responsiveness.
- **Backend API**: Node.js and Express backend with CRUD endpoints.
## Tech Stack
### Frontend
- React
- TypeScript
- Tailwind CSS
- Redux & Redux Persist
- Axios (for API requests)
### Backend
- Node.js
- Express
- Dotenv
- CORS
## Setup and Installation
### Prerequisites
Make sure you have the following installed on your machine:
- [Node.js](https://nodejs.org/en/download/) (v14 or higher recommended)
- [npm](https://www.npmjs.com/get-npm) or [yarn](https://yarnpkg.com/getting-started/install)
### Installation Steps
1. **Clone the Repository:**
```bash
git clone https://github.com/srudhi6383/uprio-fe.git
```
2. **Navigate to the Project Directory**:
```bash
cd task-manager-app
```
3. **Install Dependencies**:
Using npm:
```bash
npm install
```
Or using yarn:
```bash
yarn install
```
4. **Run the Application**:
Using npm:
```bash
npm start
```
Or using yarn:
```bash
yarn start
```
5. **Access the Application**:
Open your browser and go to ```http://localhost:3000``` to view the app.