LET'S DO

About

---

Let's Do is a fun and intuitive ToDo application featuring our friendly owl mascot. Stay organized and on top of your tasks with ease. With Let's Do, you can easily manage your to-do list and track your progress. Get productive and have fun doing it with Let's Do!

Project photos

---

REGISTRATION PAGE

LOGIN PAGE

MAIN PAGE

ADD TASK UI

PROFILE UI

Functionality description

---

1. It's possible to login users.
2. It's possible to register created before users.
3. Validation works well both on front-end and back-end sides.
4. It's possible to add tasks.
5. It's possible to perform tasks.
6. It's possible to delete tasks.
7. It's possible to logout from system.
8. It's possible to monitor changes in database.

Pages description

---

• REGISTRATION: page, where you can register new user.

  http://localhost:8080/login

• LOGIN: page, where you can login created user

  http://localhost:8080/registration

• MAIN: page, where you can feel main functionality

  http://localhost:8080/main.html

Technologies stack

• HTML5
• Sass/Scss
• JavaScript
• Webpack
• Node.js
• NPM
• Express.js
• BCRYPT
• JWT
• MongoDB
• MongoDB Compass
• MongoDB Atlas
• ESLint
• Prettier
• GIT
• GitLab

Project Launch Rules

---

1. Clone project on the local machine:

   git clone <repository-name>

2. Make sure that you are on the "first-version" branch

3. Go to the project folder:

   cd lets-do

4. Install necessary dependencies being in the root directory:

   npm i

5. Install necessary dependencies being in the "server" folder:

   npm i

6. Make sure that you are in the root folder and run webpack server:

   npm start

7. Go to the "server" directory and run backend server:

   npm run dev

8. The website should run correctly in a browser

Branches description

---

• MAIN: the main project branch in which the final project version will be located.
• GH-PAGES: the project branch in which the build version is located.
• FIRST-VERSION: the project branch with ready MVP (while the latest project version).

NPM commands description

1. Webpack server

• START: run project in development mode, aautomatically launch webpack server, make changes just changing and saving files.
• DEV: run project in development mode and make a development bundle.
• PROD: run project in production mode and make a production bundle.
• WATCH: allow to save changes automatically by saving files.
• CLEAR: delete "dist" folder.
• LINT: make sure that the project without eslint and prettier errors.

2. Backend server

• DEV: run backend server.

Authors:

---

• Yehor Potebenko Yehor.Potebenko@Student.Reutlingen-University.DE
• Anastasiia But Anastasiia.But@Student.Reutlingen-University.DE

Enjoy our project!