ranjanpalai69 / task-manager

Task Management App

This app allows users to register and sign in themselves and have one simple user interfaces where they can track their task list , user can add new task , edit task , delete task , also he can change the status of any particular task The website was developed in a collaborative effort by Ranjan Palai using the following tech stack:

Tech Stack 💻

Frontend: 🌐

• React
• redux-toolkit
• React Router Dom
• React Icons,
• Styled-components
• Chakra-UI
• CSS3

Backend: 🚀

• Node JS
• Express JS
• MongoDB
• Jsonwebtoken
• Bcrypt

⏱️ Duration

• 1.5 days

👤 Made by

• Individually

Project Deployment 🚢

Deployed link : https://task-app-two-puce.vercel.app/

How to Run Locally ❔

To run this application locally, follow these steps:

1. Clone or download the code repository.

2. Open the folder in your preferred terminal or code editor, such as VS Code.

3. Install the required npm packages by running the command npm install in both the client and server directories.

4. Start the server by running the command npm run server.

   • Note: Before running npm run server, make sure that you have created a file called .env in the server folder. Add the following keys with the correct details:
     • DB_URL: Put your MongoDB URL or local MongoDB URL.
     • PORT: Choose any port number (suggested: greater than 800).
     • SECRET_KEY: Choose any string, number, or special character as the secret key.

5. Start the frontend by running the command npm run dev.

   • Once the server is up and running, you can access the application locally at this URL: http://localhost:5173/.
   • Open the provided URL in any web browser to view and interact with the application.

By following these steps, you can easily set up and run the application locally on your machine.

---

---

Challenges Faced 💥

During the development of this project, I faced several challenges, including:

• Integrating multiple technologies and tools in a cohesive and effective manner
• Collaborating remotely and managing code conflicts efficiently to avoid project delays.
• Ensuring data security and authentication
• Managing complex state management and ensuring consistency throughout the application.

Lessons Learned 📚

Through the development of this project, we learned several valuable lessons, including:

• The benefits of using a modern tech stack to improve user experience and development speed
• The advantages of leveraging third-party libraries and tools to implement complex functionality and save development time.
• How to execute a project from scratch to completion and overcome challenges along the way.

Contact Information 📞

If you have any further inquiries or need additional information, please feel free to contact me via email or phone:

• ✉️ Email: [e-mail]
• ☎️ Phone: [phone]