abigailojeda / berryWeb

📋 Berry App 🍇🍒

Berry is an app of the MEAN Stack tack. starting from the idea of the to do list I wanted to apply it to the scrum style, inspired by trello and jira.
The functionality is a crud of projects, categories and tasks, which can have objectives and tags.
➜ Demo:
Landing Page
App

---

➜ Design in progress in Figma

---

---

📂 What do you need to have installed on your computer?

➜ Node LTS Version
➜ Angular: npm install -g @angular/cli

---

📚 This project use:

FRONTEND

I have developed the frontend with Angular v14

➜ Lazy loading modules
➜ RxJS
➜ Models/Interfaces ➜ Pipes

➜ Drag Scroll library

➜ FrontEnd Repo

BACKEND

For this project I have built an API node, using Express for requests,
Mongoose to connect to mongo database, bcryptjs and and for authentication jsonwebtoken

➜ Node BackEnd Repo

BONUS

I have also created a landing page in whose development I enjoyed with the AOS on scroll animation library

---

👨‍🚀 check POSTMAN endpoints

Run in Postman

IMPORTANT:
This app use authentification, so you need a token to try this endpoints.
To get the token, you only need to:

• Run app
• Create an user or Login
• Check localstorage, and there you will find the token

⚙️ Project Settings

backend

To test the backend locally:

➜ npm install

IMPORTANT: First, create a database in MongoDB Atlas and establish the connection in MongoDBCompass

You need to create a .env file for configuration:

PORT = yourLocalPort
SECRET_JWT_SEED=aSecretYouDecideToWrite
BD_CNN=mongodb+srv://yourUriOnMongoDBCompass:

frontend

In the frontend folder( cd frontend), install the dependencies: ➜ npm install

🔎 what will you find in Berry app?

➜ Create & Delete Project

➜ Create & Delete Categories

➜ Create, Update & Delete Tasks

---

🙋🏻‍♀️ Abigail Ojeda Alonso