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
- It's possible to login users.
- It's possible to register created before users.
- Validation works well both on front-end and back-end sides.
- It's possible to add tasks.
- It's possible to perform tasks.
- It's possible to delete tasks.
- It's possible to logout from system.
- 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
-
Clone project on the local machine:
git clone <repository-name> -
Make sure that you are on the "first-version" branch
-
Go to the project folder:
cd lets-do -
Install necessary dependencies being in the root directory:
npm i -
Install necessary dependencies being in the "server" folder:
npm i -
Make sure that you are in the root folder and run webpack server:
npm start -
Go to the "server" directory and run backend server:
npm run dev -
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
- 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.
- Backend server
- DEV: run backend server.
Authors:
- Yehor Potebenko Yehor.Potebenko@Student.Reutlingen-University.DE
- Anastasiia But Anastasiia.But@Student.Reutlingen-University.DE