Senra Posts - Answer Overflow

Senra

Posts Comments

KPCKevin Powell - Community

•Created by Senra on 10/22/2023 in #resources

Sass Guidelines

57 replies

KPCKevin Powell - Community

•Created by Senra on 10/7/2023 in #front-end

SEO in CRA

Hey, I am looking for someone who has implemented SEO features in a create-react-app application. I have tried using various packages which do that without much success. (Due to the lack of adequate documentation). I want to learn how to make variable meta tags for each page, decrease site load time using lazy loaded images (this I can do now), and create sitemaps. I have tried the library react-helmet. And found out it was depreceated. If anyone can share their knowledge on this, or point me to some resource, that would be great

7 replies

KPCKevin Powell - Community

•Created by Senra on 8/30/2023 in #front-end

OpenGraph issue in ReactJS

I have a website which is similar to a social media Site. I want to create openGraph helmets for each user. This data will be generated dynamically. I have tried, to do it using react-helmet-async library, without much luck so far. Any suggestions?

1 replies

KPCKevin Powell - Community

•Created by Senra on 8/9/2023 in #ui-ux

I am creating a form for uploading data in a dashboard

40 replies

KPCKevin Powell - Community

•Created by Senra on 7/30/2023 in #back-end

Reliable Node + React Deployment workflow

Okay So I am a Full stack developer. I usually make Frontend, and write the API's for my frontend on a node express server. I want to know what is the best way to deploy both the API and the Client app to the a remote site(or hosting) server using some workflow. I have tried Next, where you can create the Api in the same application, But I do not want that Kind of an implementation so I wont be using Next. I want to keep my Frontend and backend Seperate. I generally host my Frontend on Vercel as it handles the deployment smoothly, and easy to work with all the environment variables and such. I want to know a better way to host my backend API's. Maybe try an nginx server, or a docker container I dont know. I am not that experienced in hosting and CI/CD so would love to hear opinions.

10 replies

KPCKevin Powell - Community

•Created by Senra on 7/19/2023 in #front-end

Responsive site designed for mobile screens. Want media queries for Desktop.

3 replies

KPCKevin Powell - Community

•Created by Senra on 7/19/2023 in #front-end

Modern UI custom checkbox. Feedback

12 replies

KPCKevin Powell - Community

•Created by Senra on 7/15/2023 in #ui-ux

Need feedback on UI visual hierarchy and color.

10 replies

KPCKevin Powell - Community

•Created by Senra on 7/15/2023 in #back-end

Prevent duplicate entries to be created in MongoDB query

I have a mongodb collection that is of the following schema:

const ArtistSchema = new mongoose.Schema({
    firstname: {
        type: String,
        required: true,
        maxlength: [30, 'Max allowed 30 chars'],
    },
    lastname: {
        type: String,
        maxlength: [30, 'Max allowed 30 chars'],
        default: '',
    },
    url: {
        type: String,
        default:
            'https://cdn.vectorstock.com/i/preview-1x/48/06/image-preview-icon-picture-placeholder-vector-31284806.jpg',
    },
});

const ArtistSchema = new mongoose.Schema({
    firstname: {
        type: String,
        required: true,
        maxlength: [30, 'Max allowed 30 chars'],
    },
    lastname: {
        type: String,
        maxlength: [30, 'Max allowed 30 chars'],
        default: '',
    },
    url: {
        type: String,
        default:
            'https://cdn.vectorstock.com/i/preview-1x/48/06/image-preview-icon-picture-placeholder-vector-31284806.jpg',
    },
});

Now whenever I enter a new entry using an http POST request, the new entry is created even if the firstName and lastName is the same as that of an existing object in the collection. Here is the controller I am using for the POST logic:

const postOneArtist = async (req, res) => {
    try {
        const artist = await Artists.create(req.body);
        res.status(201).json({ msg: 'Artist Added succesfully', artist });
    } catch (error) {
        console.log(error);
        res.status(500).json({ err: error.name, msg: error.message });
    }
};

const postOneArtist = async (req, res) => {
    try {
        const artist = await Artists.create(req.body);
        res.status(201).json({ msg: 'Artist Added succesfully', artist });
    } catch (error) {
        console.log(error);
        res.status(500).json({ err: error.name, msg: error.message });
    }
};

I want The data to be created only if it is unique i.e. Both the firstName and lastName from the request should not match an object in the collection. How do I go about it?

57 replies

KPCKevin Powell - Community

•Created by Senra on 7/11/2023 in #front-end

two-way `useEffect` to fetch Currency exchange rate from API implementation not working.

36 replies

KPCKevin Powell - Community

•Created by Senra on 7/6/2023 in #ui-ux

Need help with font and colors for a single-page site

17 replies

KPCKevin Powell - Community

•Created by Senra on 7/6/2023 in #front-end

Need help with <pre> tag styling

2 replies

Gaming

Programming