milimade / campfinder

Hi My name is Mili

Software Engineer / Web Developer

• 🧠  I'm learning React
• 🤝  I'm open to collaborating on anything that aims to make a difference.

Skills

Socials

My GitHub Stats

campfinder's Issues

Use ExpressError class to throw an error if a route is not valid

The ExpressError should be thrown in the app.all route and using the next() middleware it should return a response from the last app.use. Destructure the error to return the variables defined in ExpressError class and return the status and message. You can give the status and message a default value when destructuring.

Add error template

Create a new error.ejs view and adda bootstrap alert. In the app.use route, render and pass through the err variable to the error.ejs view. Also add a conditional to check if the error message is empty and then set the message to default value (err.message = "something something")

Define a ExpressError Class

Create a class called ExpressError that extends the Error class

Add bootstrap form validation to new form

Add validation to the form to create a new campground using bootstrap form validation [https://getbootstrap.com/docs/5.0/forms/validation/]

Navbar partial

Description

Add a bootstrap navbar to main boilerplate that every page will have access to

Create a catch-all path

Create a route that catches all invalid pathways. using app.all.
Note: app.all should be placed after all defined routes.

Add bootstrap validation to edit form

Add validation to the edit form using the bootstrap validation [https://getbootstrap.com/docs/5.0/forms/validation/]

Add validation middleware

Define and use middleware to validate inputs.
Move the validation into a middleware function set to a variable and add middleware to the routes that need it. The middleware should be called before the parameters of the route.

Set up basic async error handling

Add very basic error handling for async errors that might occur with mongo

Add styling to edit form

Add styling to new form

Add error handling to new form

If the campground input for the new form is empty, throw an ExpressError err (the work throw must be used because it is in an async function)

Adding random image to seed data

Using the unsplash API url : source.unsplash.com/collection/9046579, update the seedData so that the seed campsite generated are given a random image

Add styling to show page

Footer partial

Description

Add a footer partial in the same manner that the navbar was added where every page has access to the footer

Validate campground data using JOI

Install and import JOI (https://joi.dev/)
Create a JOI schema in the post route for a new campground where campground is an object and required. Under the campground JOI object add your keys that are under campground. For each key define what type it is and whether it's required and/or any other parameters needed for each key.
Under the variable result, validate req.body against the campground schema and console.log(result)

• Try to get the error message returned with JOI to be displayed on the page