Hi, I'm Sourabh Jyoti Das! 👋

🔗 Links

🚀 About Me

MERN-STACK DEVELOPER 👨‍💻

TaskTrackr ( A NextJs 13 Website)

Welcome to TaskTrackr, a powerful and intuitive todo application designed to help you stay organized and manage your tasks effectively. Built using an impressive tech stack, we have created a feature-rich and seamless todo app to enhance your productivity.

At the core of our application, we have employed Next.js, a popular React framework, to provide a fast and optimized user experience. With Next.js, we ensure server-side rendering for efficient initial page load and seamless navigation. The integration of Context API enables efficient state management, allowing you to add, update, and delete tasks effortlessly.

To provide a visually appealing and consistent design, we have utilized Sass, a CSS preprocessor, offering a wide range of features and flexibility. With Sass, we ensure maintainable and modular styles, enhancing the overall user interface.

For data storage and retrieval, we have employed MongoDB Atlas, a cloud-based NoSQL database service, ensuring scalability and seamless data management. By leveraging Mongoose, an Object Data Modeling (ODM) library for MongoDB, we simplify interactions with the database and ensure efficient CRUD operations.

To enhance security, we have implemented Bcrypt.js for password hashing, protecting user credentials. Jsonwebtoken enables secure token-based authentication, ensuring a safe and seamless login experience for users. Cookie management is handled efficiently with the help of cookie-parser, ensuring smooth user sessions.

For seamless communication between the frontend and backend, we have utilized Axios, a promise-based HTTP client. This facilitates fast and reliable data transfers, ensuring smooth task management and synchronization.

To provide real-time notifications and alerts, we have integrated React Hot Toast, a lightweight toast notification library. It enables informative and visually appealing notifications, keeping you updated on task additions, updates, and deletions.

TaskTrackr is a full-stack application that combines the power of these technologies to provide you with a comprehensive and user-friendly todo management solution. Stay organized, boost your productivity, and achieve your goals with ease. Start using TaskTrackr today and experience the convenience of efficient task management.

Install Dependencies/Packages

install all the packages by run this cmmend "npm insatll" .

Authors

• 🥶 Instagram Click Here || 👻 Gmail Click Here

Contributing

Contributions are always welcome!

See contributing.md for ways to get started.

Please adhere to this project's code of conduct.

Demo

https://todo-nextjs13-five.vercel.app 🤞

For Production Build

To build this project run ( Remember only in client folder )

  npm run build

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

MONGO_URI

JWT_SECRET

URL

Features

• Login/Signup mode
• Live previews
• Fullscreen mode
• Responsive Design
• Add your Tasks
• Authentication

Feedback

If you have any feedback or Suggestion, please reach out to me at [email protected]

Other Common Github Profile Sections

👩‍💻 I'm currently working on Some Major Projects.

🧠 I'm currently learning MERN Stack

🛠 Skills

C++, Javascript, HTML, CSS, React, NextJs, Tailwind etc...

Installation

Install my-project with npm

  npm install 
  cd client/ npm install 

Run Locally

Clone the project

  git clone https://link-to-project

Go to the project directory

  cd client

Install dependencies

  npm install

Start the server

  npm run start

Tech Stack

Client: React, Redux, TailwindCSS

Server: Node, Express

Usage/Examples

import Component from 'my-project'

function App() {
  return <Component />
}

Support

For support, email [email protected] or Connect via Instagram .