A modern, full-stack task management application built with React and Node.js
Task Manager is a modern web application that helps users organize and track their tasks efficiently. Built with TypeScript, it provides a robust frontend using React and a scalable backend using Node.js.
-
🔐 User Authentication
- Secure registration and login
- JWT-based authentication
- Protected routes
-
📝 Task Management
- Create, read, update, and delete tasks
- Task categorization
- Priority levels
- Due dates
-
🎨 User Interface
- Modern, responsive design
- Intuitive user experience
- Dark/Light mode support
- Mobile-friendly layout
- Node.js (v18 or higher)
- npm or yarn
- PostgreSQL database
-
Clone the repository
git clone https://github.com/yourusername/task-manager.git cd task-manager -
Set up the Backend
cd Backend npm install # Configure environment variables cp .env.example .env # Edit .env with your database credentials and JWT secret
-
Set up the Frontend
cd Frontend npm install # Configure environment variables cp .env.example .env # Edit .env with your API URL
PORT=5000 JWT_SECRET=your_jwt_secret_key DATABASE_URL=postgresql://user:password@localhost:5432/taskmanager NODE_ENV=developmentREACT_APP_API_URL=http://localhost:5000 REACT_APP_API_VERSION=v1-
Start the Backend Server
cd Backend npm run devThe server will run on http://localhost:5000
-
Start the Frontend Development Server
cd Frontend npm startThe application will open in your browser at http://localhost:3000
- Core: React 18, TypeScript
- State Management: React Context API
- Styling: Tailwind CSS
- Routing: React Router v6
- HTTP Client: Axios
- Runtime: Node.js
- Framework: Express.js
- Database: PostgreSQL
- ORM: Prisma
- Authentication: JWT
- API Documentation: Swagger/OpenAPI
We welcome contributions! Please follow these steps:
- Fork the repository
- Create a feature branch
git checkout -b feature/amazing-feature
- Commit your changes
git commit -m 'Add amazing feature' - Push to the branch
git push origin feature/amazing-feature
- Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Vianney RWICHA - Initial work - Link to my GitHub
- React Team for the amazing frontend library
- Node.js community for the robust backend runtime
- MPC Company for helping me grow and upskill my skills.