DEV Community: Ramiro Ocampo Rodriguez

Corner Store App Basic Prototype

Ramiro Ocampo Rodriguez — Thu, 11 Jul 2024 20:29:07 +0000

Corner Store App

Corner Store App is a progressive web application (PWA) developed using Next.js and Nest.js, designed as a prototype to serve as a platform for small businesses, either individually or in groups. Additionally, it has the potential to be adapted for medium-sized corporations that need to manage multiple branches, inventories, employees, and sales control.

Technologies and Features
Frontend and Backend: The application is built with Next.js for the frontend and Nest.js for the backend, ensuring agile, efficient, and scalable development.
Cloud Storage: Utilizes AWS S3 Buckets for secure and scalable image storage, allowing efficient management of multimedia resources.
Database: MongoDB Atlas is the database, offering a flexible and scalable solution to store and manage application data.
Authentication and Authorization: Implements JWT (JSON Web Tokens) and bcrypt to handle user authentication and authorization, ensuring secure and protected access to the application.

Purpose and Potential
The main goal of this prototype is to demonstrate a solid foundation for development that can expand according to the specific requirements of clients. Thanks to the choice of powerful and modern technologies, Corner Store App guarantees:
Scalability: Grow and adapt easily as business needs increase.
Functionality: Integrate new features and functionalities that enhance user experience and operational efficiency.
User Experience (UX/UI): Offer an intuitive and user-friendly interface that facilitates user interaction with the application.
Performance: Maintain optimal performance, even with increased data and users.
Security: Protect user data and transactions through advanced security practices and technologies.
In summary, Corner Store App is designed to be a robust and scalable solution that can evolve to meet the needs of small and medium-sized businesses, providing a comprehensive platform for managing their daily operations.

Frontend:

url: https://clientcornerstore.vercel.app/
code: https://github.com/ROR2022/clientcornerstore

The frontend of Corner Store App is built using Next.js, a powerful React framework that enables server-side rendering and static site generation. This ensures a fast and responsive user experience, which is critical for web applications. Key features of the frontend include:
User Interface: Designed with an intuitive and user-friendly interface that simplifies interaction and navigation.
Responsive Design: Ensures compatibility across various devices and screen sizes, providing a seamless experience for users.
Performance Optimization: Utilizes Next.js features such as server-side rendering and static site generation to enhance performance and load times.

Backend:

url: https://servercornerstore-production.up.railway.app/
code: https://github.com/ROR2022/servercornerstore

The backend of Corner Store App is developed using Nest.js, a progressive Node.js framework that provides a robust architecture for building scalable and maintainable server-side applications. Key features of the backend include:
API Development: Provides a comprehensive set of APIs for handling various functionalities such as user management, inventory control, and sales tracking.
Database Management: Utilizes MongoDB Atlas for a flexible and scalable database solution, ensuring efficient data storage and retrieval.
Security: Implements JWT (JSON Web Tokens) and bcrypt for secure user authentication and authorization, protecting sensitive data and transactions.
Cloud Integration: Uses AWS S3 Buckets for secure and scalable storage of images and other multimedia resources.

Corner Store App Short Description:

Corner Store App is a progressive web application (PWA) developed using Next.js and Nest.js, designed to serve small businesses or medium-sized corporations managing multiple branches, inventories, employees, and sales. It leverages AWS S3 for secure image storage, MongoDB Atlas for flexible data management, and uses JWT and bcrypt for secure user authentication and authorization. With an intuitive UI and responsive design, the app ensures optimal performance through server-side rendering and static site generation. The main goal is to provide a scalable, functional, and secure platform that can adapt to the evolving needs of businesses, enhancing user experience and operational efficiency.

Resume: https://docs.google.com/document/d/104ek8dOTdOU6RcDMtGT-g1T--FWxq2earIDvMZoQ79E/edit?usp=sharing
Portfolio: https://prodigy-wd-05-kappa.vercel.app/#/portfolio
Github: https://github.com/ROR2022
Linkedin: https://www.linkedin.com/in/ramiro-ocampo-5a661b1a7/

Best regards,
Ramiro Ocampo Rodriguez.
Developer ReactJS-NodeJS
Tel: +52 7777937484
Whatsapp: +52 8332998900
rami.ror279@gmail.com
Cuernavaca,Mor.México.

HackerRank Beautiful 3 Set Problem Solution

Ramiro Ocampo Rodriguez — Fri, 05 Jul 2024 23:05:52 +0000

HackerRank Beautiful 3 Set Problem Solution

GitHub_ror2022

CV_ror2022

LinkedIn
portfolio

We will solve the HackerRank Beautiful 3 Set problem.
Given an integer nnn, a set SSS of triples (x,y,z)(x, y, z)(x,y,z) is beautiful if and only if:
0<=Xi,Yi,Zi
Xi + Yi + Zi = n
Let X be the set of different x's in S, Y be the set of different y's in S, and Z be the set of different z's in S. Then ∣X∣=∣Y∣=∣Z∣=∣S∣

The third condition means that all values of x, y, and z are pairwise distinct. Given n, find any beautiful set having the maximum number of elements. Then, print the cardinality of S (i.e., ∣S∣) on a new line, followed by ∣S∣ lines where each line contains 3 space-separated integers describing the respective values of x_i, y_i, and z_i.
Input Format
A single integer, n.
Output Format
On the first line, print the cardinality of S (i.e., ∣S∣).
For each of the ∣S∣ subsequent lines, print three space-separated numbers per line describing the respective values of x_i, y_i, and z_i for triple i in S.
Sample Input
3

Sample Output
3
0 1 2
2 0 1
1 2 0

Solution Analysis
We need a function in JavaScript that returns the combination of valid triples given a number n. This combination should satisfy:
Each of its triples (x,y,z) satisfies x+y+z=n.
The set of x values are distinct, the set of y values are distinct, and the set of z values are distinct.
The cardinality k is the length of the combination of triples that meets these conditions.
Examples Analysis
For n=1:
Cardinality: 1
Triples:
0 1 0

For n=2:
Cardinality: 2
Triples:
0 2 0
1 0 1

For n=3:
Cardinality: 3
Triples:
0 1 2
1 2 0
2 0 1

For n=4:
Cardinality: 3
Triples:
0 1 3
1 2 1
2 0 2

For n=5:
Cardinality: 4
Triples:
0 3 2
1 4 0
2 0 3
3 1 1

General Observations
From the examples, the pattern for the cardinality k can be observed as:
k=n−offset
where the offset follows the pattern 0,0,0,1,1,1,2,2,2,3,3,3,… so:
offset= Math.floor((n-1)/3)
The upper limit of z is k−1 and the lower limit is 0, unless n is part of the sequence 4,7,10,13,16,…where the upper limit becomes k and the lower limit becomes 1.

JavaScript Implementation
const beatiful3set= (data)=>{
//determ cardinality of the set based on the amount of elements
const n=Number(data); //amount of elements
const o=Math.floor((n-1)/3); //offset
const k=n-o; //cardinality of the set

//the cardinality of the set is the amount of triplets
// 0<=x<=k-1
//y=n-x-z

let evenZ=[];
let oddZ=[];

//first we need to determine if n is in the set 4,7,10,13,16,19,22,25,28,31,34,37,40,43,46,49,52,55.....
//create a function to determine if n is in the set
const isNInSet=(num)=>{
    let temp= (num-1)/3;
    if(Number.isInteger(temp) && temp>=1){
        return true;
    }else{
        return false;
    }
}
let upperLimZ=0;
let lowerLimZ=0;
if(isNInSet(n)===true){
    //if n is in the set then
    upperLimZ=k;
    lowerLimZ=1;
}else{
    //if n is not in the set then
    upperLimZ=k-1;
    lowerLimZ=0;
}





for(let c=upperLimZ;c>=lowerLimZ;c--){
    if(c%2===0){
        evenZ.push(c);
    }else{
        oddZ.push(c);
    }
}

//complete the set z 
let completeZ=[];
if(evenZ.length>=oddZ.length){
completeZ=[...evenZ,...oddZ];
}else{
completeZ=[...oddZ,...evenZ];
}

let triplets=[];
for(let x=0;x<k;x++){
        let z=completeZ[x];
        let y=n-x-z;
        triplets.push([x,y,z]);
    }
//output
console.log('Input n:',n);
console.log('cardinality:',k);
triplets.forEach(triplet=>{
    console.log(triplet.join(' '));
});

}

This function calculates the valid combination of triples for a given n and prints the cardinality and the triples themselves. The algorithm is designed to ensure that the conditions of the problem are met and provides a clear, efficient solution.

GitHub_ror2022

CV_ror2022

LinkedIn
portfolio

Gossip RorApp, Basic Example Social App Next.js Nest.js

Ramiro Ocampo Rodriguez — Wed, 29 May 2024 23:15:33 +0000

Hello,

I would like to share the latest PWA I have developed. It is a basic example of a social network created with Next.js and deployed on Vercel. The API is built with Nest.js and deployed on Railway.

This application includes essential features of a social network, such as user profile creation, message posting, and the ability to like posts.

Technologies used:

Next.js: Used for the frontend, providing a fast and efficient user experience.

Nest.js: Used for the backend, offering a robust and scalable structure for the API.

Vercel: Platform used to deploy and host the frontend easily and efficiently.

Railway: Used to deploy and manage the backend, leveraging its ease of use for integrations with databases and external services.

I have learned a lot during the development of this PWA, from implementing basic functionalities to optimizing for optimal performance. I hope you find this project interesting, and I am open to any feedback or suggestions you may have.

Thank you for your time!

vercelLinkApp: https://clientchismografo.vercel.app/

clientCodeLink: https://github.com/ROR2022/clientchismografo

serverCodeLink: https://github.com/ROR2022/serverchismografo

portfolioLink: https://prodigy-wd-05-kappa.vercel.app/#/portfolio

rorCVLink: https://docs.google.com/document/d/104ek8dOTdOU6RcDMtGT-g1T--FWxq2earIDvMZoQ79E/edit?usp=sharing

Basic Login Webapp

Ramiro Ocampo Rodriguez — Sun, 31 Mar 2024 21:31:31 +0000

Basic Login Web App Using ReactJS, React-Bootstrap and Formik for UI and Node-Express-Mongo at Backend, deploy in AWS-EC2. http://18.116.42.126/