Skip to content

abigailojeda/berryWeb

Repository files navigation

📋 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