Final Project || Museek || Alma & Etna

README.md

@@ -1,13 +1,31 @@
-# Final Project
+# Museek - Where curiostiy meets culture.
 
-Replace this readme with your own information about your project.
+Whenever you find yourself in a new city, wondering what to do, our webpage could give a way to explore lesser-known museums around the globe, offering an authentic alternative to the mainstream tourist attractions.
 
-Start by briefly describing the assignment in a sentence or two. Keep it short and to the point.
+It allows you to discover museums in a fun interactive way, giving you inspiration for your next trip.
 
 ## The problem
 
-Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next?
+For our final project we were requested to created web page from scratch. We were given 3 weeks to develop and deliver a functional backend with a friendly user frontend.
+
+The first week, we began by brainstorming ideas based on our hobbies and preferences so we can later blend them with features that we thought our final user may find useful.
+After defining the propose of our webpage, we began to build our backend, together with our routes, models and authentication.
+Second week, we focus on creating the design of our frontend, together with the multiple pages that matches our backend endpoints.
+During the last week, we paid close attention on executing a smoothly navigation flow as well as adjusting our CSS keeping in mind our objective to provide our final user a practical, enjoyable and enlightening experience through our page.
+
+Altogether our project was carefully created, following the code guidelines of not repeating, organised and clean code. Our MVP was completed as well as some of our stretch goals, but if we could have more time we will add the feature to translate our page content to French and Spanish languages.
+
+## Technologies
+
+For the backend; we utilise Mongoose, Mongo DB, Express, Node.js
+For the frontend; we worked with React hooks such as useState, useEffect, useContext. Also some libraries, such as, React-Router, Star Ratings, Select, Leaflet and Styled Components for the design.
 
 ## View it live
 
-Every project should be deployed somewhere. Be sure to include the link to the deployed project so that the viewer can click around and see what it's all about.
+Frontend: https://museek-project.netlify.app/
+Backend: https://museek-2ejb.onrender.com/
+
+## Connect with us
+
+Alma Herrström: https://github.com/almaherris/
+Etna Zuniga: https://github.com/Caracal23/

backend/controllers/authController.js

@@ -0,0 +1,63 @@
+import bcrypt from "bcrypt";
+import { User } from "../models/User.js";
+
+// User registration
+export const registerUser = async (req, res) => {
+  const salt = bcrypt.genSaltSync(10);
+
+  try {
+    const { name, email, password } = req.body;
+
+    if (name === "" || email === "" || password === "") {
+      res.status(400).json({ message: "All fields are required" });
+    }
+
+    // Check if the user already exists
+    const existingUser = await User.findOne({ email: email.toLowerCase() });
+
+    if (existingUser) {
+      return res.status(409).json({ message: "User already exists" });
+    }
+
+    // Create new user
+    const user = new User({
+      name,
+      email,
+      id: crypto.randomUUID(),
+      password: bcrypt.hashSync(password, salt),
+    });
+
+    await user.save();
+
+    return res
+      .status(201)
+      .json({ id: user._id, accessToken: user.accessToken });
+  } catch (error) {
+    res.status(400).json({
+      response: error.message,
+      success: false,
+      message: "Could not create user",
+      errors: error.errors,
+    });
+  }
+};
+
+// User login
+export const loginUser = async (req, res) => {
+  const { email, password } = req.body;
+
+  const user = await User.findOne({ email: email.toLowerCase() });
+  if (user && bcrypt.compareSync(password, user.password)) {
+    res.json({ userId: user._id, accessToken: user.accessToken });
+  } else if (user && !bcrypt.compareSync(password, user.password)) {
+    // Wrong password
+    res.status(400).json({});
+  } else {
+    // User does not exist
+    res.status(404).json({});
+  }
+};
+
+export const getUserPage = (req, res) => {
+  res.json({ message: "You are logged in!", user: req.user });
+};

backend/controllers/favoriteController.js

@@ -0,0 +1,100 @@
+import { application } from "express";
+import { SavedFavorites } from "../models/SavedFavorites.js";
+import { User } from "../models/User.js";
+import { Museum } from "../models/Museum.js";
+
+export const toggleFavorite = async (req, res) => {
+  const { museumId, accessToken } = req.body;
+
+  if (isNaN(museumId)) {
+    return res.status(400).json({
+      success: false,
+      message: "Invalid museumId",
+    });
+  }
+
+  let savedAsFavorite;
+
+  try {
+    const user = await User.findOne({ accessToken });
+    if (await SavedFavorites.findOne({ museumId, userId: user.id })) {
+      await SavedFavorites.deleteOne({ museumId, userId: user.id });
+      savedAsFavorite = false;
+    } else {
+      await SavedFavorites.create({ museumId, userId: user.id });
+      savedAsFavorite = true;
+    }
+
+    res.status(200).json({ success: true, savedAsFavorite });
+  } catch (error) {
+    res.status(400).json({
+      response: error.message,
+      succes: false,
+      message: "Something went wrong",
+      errors: error.errors || {},
+    });
+  }
+};
+
+export const likedMuseums = async (req, res) => {
+  const { accessToken } = req.body;
+
+  try {
+    const user = await User.findOne({ accessToken });
+    const likedMuseumsForUser = await SavedFavorites.find({ userId: user.id });
+    const likedMuseumsWithMuseumInfo = await Promise.all(
+      likedMuseumsForUser.map(async (likedMuseum) => {
+        const museumInfo = await Museum.findOne({
+          id: likedMuseum.museumId,
+        });
+        return {
+          museumId: likedMuseum.museumId,
+          userId: likedMuseum.userId,
+          museum: {
+            name: museumInfo.name,
+            theme: museumInfo.theme,
+            description: museumInfo.description,
+            location: museumInfo.location,
+            lat: museumInfo.lat,
+            lon: museumInfo.lon,
+            ticket_price: museumInfo.ticket_price,
+            has_cafe: museumInfo.has_cafe,
+            website: museumInfo.website,
+            opening_hours: museumInfo.opening_hours,
+            id: museumInfo.id,
+            url: museumInfo.url,
+          },
+        };
+      })
+    );
+    res
+      .status(200)
+      .json({ success: true, likedMuseums: likedMuseumsWithMuseumInfo ?? [] });
+  } catch (error) {
+    res.status(400).json({
+      response: error.message,
+      succes: false,
+      message: "Something went wrong",
+      error: error.errors || {},
+    });
+  }
+};
+
+export const isMuseumLiked = async (req, res) => {
+  const museumId = req.params.museumId;
+  const { accessToken } = req.body;
+
+  try {
+    const user = await User.findOne({ accessToken });
+    const savedAsFavorite =
+      (await SavedFavorites.findOne({ museumId, userId: user.id })) != null;
+    res.status(200).json({ success: true, savedAsFavorite });
+  } catch (error) {
+    res.status(400).json({
+      response: error.message,
+      succes: false,
+      message: "Something went wrong",
+      error: error.errors || {},
+    });
+  }
+};

backend/controllers/museumController.js

@@ -0,0 +1,12 @@
+import { Museum } from "../models/Museum.js"
+
+// Get list of all museums
+export const getMuseums = async (req, res) => {
+  try {
+    const museums = await Museum.find()
+    res.status(200).json(museums)
+  } catch (error) {
+    console.error("Error fetching museums:", error)
+    res.status(500).json({ error: "Internal server error" })
+  }
+}

backend/controllers/reviewController.js

@@ -0,0 +1,93 @@
+import { Museum } from "../models/Museum.js";
+import { Review } from "../models/Review.js";
+import { User } from "../models/User.js";
+
+export const getReviews = async (req, res) => {
+  try {
+    const reviews = await Review.find().sort({ createdAt: -1 });
+    res.json(reviews);
+  } catch (error) {
+    res.status(500).json({ error: "Something went wrong" });
+  }
+};
+
+// getReviewsForUser
+
+export const getReviewsForUser = async (req, res) => {
+  const { accessToken } = req.body;
+
+  try {
+    const user = await User.findOne({ accessToken });
+    const userReviews = await Review.find({
+      userId: user.id,
+    });
+    const userReviewsWhitMuseumsName = await Promise.all(
+      userReviews.map(async (review) => {
+        const museumInfo = await Museum.findOne({
+          id: review.museumId,
+        });
+        return {
+          museumId: review.museumId,
+          createdAt: review.createdAt,
+          userId: review.userId,
+          userName: review.userName,
+          message: review.message,
+          museumName: museumInfo.name,
+          rating: review.rating,
+        };
+      })
+    );
+    res.status(200).json(userReviewsWhitMuseumsName);
+  } catch (error) {
+    res.status(400).json({
+      response: error.message,
+      success: false,
+      message: "Could not get user reviews",
+      errors: error.errors,
+    });
+  }
+};
+
+export const postReviews = async (req, res) => {
+  const { museumId, message, accessToken, rating } = req.body;
+
+  if (isNaN(museumId)) {
+    return res.status(400).json({
+      success: false,
+      message: "Invalid museumId",
+    });
+  }
+
+  try {
+    const user = await User.findOne({ accessToken });
+    const review = await Review.create({
+      museumId,
+      message,
+      userId: user.id,
+      userName: user.name,
+      rating: rating,
+    });
+    res.status(201).json(review);
+  } catch (error) {
+    res.status(400).json({
+      response: error.message,
+      success: false,
+      message: "Could not create message",
+      errors: error.errors,
+    });
+  }
+};
+
+export const deleteReviews = async (req, res) => {
+  const reviewId = req.params.id;
+
+  try {
+    const review = await Review.findByIdAndDelete(reviewId);
+    if (!review) {
+      return res.status(404).json({ message: "Review not found" });
+    }
+    res.json({ message: "Review deleted successfully" });
+  } catch (error) {
+    res.status(500).json({ error: "Something went wrong" });
+  }
+};