Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ruanvictordev/tasks-manager
This project is a task management application built with React, Node.js, Express, MongoDB, and JWT for authentication.
https://github.com/ruanvictordev/tasks-manager
finished jwt mongodb nodejs prisma react tailwindcss
Last synced: 2 days ago
JSON representation
This project is a task management application built with React, Node.js, Express, MongoDB, and JWT for authentication.
- Host: GitHub
- URL: https://github.com/ruanvictordev/tasks-manager
- Owner: ruanvictordev
- License: mit
- Created: 2024-08-24T00:04:58.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-09-07T01:31:57.000Z (5 months ago)
- Last Synced: 2024-11-17T09:53:11.338Z (2 months ago)
- Topics: finished, jwt, mongodb, nodejs, prisma, react, tailwindcss
- Language: JavaScript
- Homepage: https://tasks-manager-client.onrender.com
- Size: 540 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Tasks Manager
This project is a task management application built with React, Node.js, Express, MongoDB, and JWT for authentication. Users can register and log in to their accounts. Once authenticated, they can create, edit, and delete tasks. The application provides a user-friendly interface for managing tasks efficiently, with secure user authentication and data storage.
Explore the docs »
https://github.com/user-attachments/assets/6ca30ab0-0bf7-43de-987c-b18e6366fe5b
Table of Contents
## Features
- **Create & Loggin Account**: Create and Login in your account to save your tasks online.
- **Create Tasks**: Create your tasks with title, description, status and priority informations.
- **Status Tracking**: Keep track of changes in task status over time for improved productivity and workflow management.
- **Edit Tasks**: Update your tasks informations with edit form.
- **Delete Tasks**: If you dont need see your tasks anymore, delete it with one click.
- **Logout**: You can logout your session in the webapp.
## Technologies Used
- **[Tailwind CSS](https://tailwindcss.com/)**: A utility-first CSS framework for rapid UI development.
- **[ReactJS](https://reactjs.org/)**: A React framework for building fast and scalable web applications.
- **[NodeJS](https://nodejs.org/)**: A JavaScript runtime built on Chrome's V8 engine for building server-side applications.
- **[Express](https://expressjs.com/)**: A web application framework for Node.js, designed for building web applications and APIs.
- **[Prisma](https://www.prisma.io/)**: A modern ORM for Node.js and TypeScript that helps with database access and management.
- **[MongoDB](https://www.mongodb.com/)**: A NoSQL database known for its flexibility and scalability.
- **[JWT](https://jwt.io/)**: A compact, URL-safe means of representing claims to be transferred between two parties.
## Skills worked on
- Tailwind CSS Styling
- React Components
- JWT Auth
- APIs Fundamentals
- ORM Framework
- NodeJS Server
- Deploy application
## Getting Started
1. **Clone the Repository**:
```bash
https://github.com/ruanvictordev/tasks-manager.git
```
2. **Install Dependencies**:
```bash
npm install
to server:
npx prisma generate && npx prisma db push
```
3. **Start json-server**:
```bash
npx nodemon server.js
```
4. **Start the Development Server**:
```bash
npm run dev
```
5. **Access the Application**:
- Open your web browser and navigate to `http://localhost:5173/` to access the Todo board.
- Also, you can navigate to `http://localhost:8000/api` to check todos' mocked REST API route response.
## Gallery
| Homepage | Register |
|-----------------------------|--------------------------|
|  |  |
| Login | Userpage |
|-----------------------------|--------------------------|
|  |  |
## Contributing
Contributions are welcome! Feel free to submit bug reports, feature requests, or pull requests to help improve this project.
## License
This project is licensed under the [MIT License](LICENSE).
## Contact
For any inquiries or feedback, please contact [[email protected]](mailto:[email protected]).
Enjoy organizing your tasks!