r-ilagan / spots-for-rocks

A website for finding the perfect place to bring your Pet Rock

Spots for Rocks

A website for finding the perfect place to bring your Pet Rock.

---

This is a side project that I am creating to help me learn and understand how to build a full-stack web application.

Users will be able to register, login, create/edit/delete (that they own) Spots, add/edit/delete comments (that they own), and view Spots.

The stack that I will be using is the MEN (Mongo, Express, Node) stack. In addition, I will also be using ReSTful routes and api to build the application.

The website is hosted on AWS Elastic BeanStalk with a domain taken from Route 53.

Lastly, I am also using Bootstrap 4 and EJS to style the site.

---

Features That Can Be Implemented

• ☑️ Implement https
• ☑️ Comments
• ☑️ Dynamic date on comments and Submissions
• ☑️ Flash Errors
• 🔲 Add Places to Visit
• 🔲 Verifiable Accounts
• 🔲 Likes/Dislikes (Ratings)
• 🔲 Replies to comments
• 🔲 User Profile and Settings
• 🔲 Gallery for pictures
• 🔲 Popup Login

Pages

• ☑️ Landing
• ☑️ Show Spots
• ☑️ Create Spots
• ☑️ Show info about a Spot
• ☑️ Edit spot
• ☑️ User registration
• ☑️ Login

---

ReSTful Routes Cheatsheet for this project

Route Name	URL	HTTP Verb	Description
Index	/spots	GET	display all spots
New	/spots/new	GET	show form to make new spot
Create	/spots	POST	add new spot to db then redirect
Show	/spots/:id	GET	show info about one spot
Edit	/spots/:id/edit	GET	show edit form of one spot
Update	/spots/:id	PUT	update a specific spot then redirect
Destroy	/spots/:id	DELETE	delete a specific spot then redirect

spots-for-rocks's Issues

Add login feature

Implement flash messages

Have flash messages when registering, logging in and logging out, creating a new spot and creating a comment.

Accessing unknown ids will crash the application

Users trying to manually put in the id in the URL will crash the application. Need to check that the id exists in the database before trying to show it.

Add regex for email registration

Right now, any string can be used to fill out email registration form (except empty string).

Figure out a way to connect to mongodb atlas

Users submitting invalid or inaccessible images leaves the header blank

Need another way to change the card layout when the image to be viewed is invalid on the /spots page.

Slight lag when smooth scrolling

Might be an interaction with the pictures or the lightbox javascript.

Goes away after first smooth scroll.