Final Project: OMC Book Club - Ji, Maja, Viktoria

README.md

@@ -1,13 +1,48 @@
-# Final Project
+# One More Chapter Bookclub
 
-Replace this readme with your own information about your project.
+## Project Introduction
 
-Start by briefly describing the assignment in a sentence or two. Keep it short and to the point.
+Our application, built with React + Vite, Node.js and MongoDB database, delivers a bookclub where people can sign up to become a subscribed member, receive a monthly book, and post books that they would like to read to a interactive feed.
 
-## The problem
+## Table of Contents
 
-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?
+- [Technologies](#technologies)
+- [How to use the application](#how-to-use-the-application)
+- [View it live](#view-it-live)
+- [Contact Us](#contact-us)
+
+## Technologies
+
+### Frontend
+
+Our app provides:
+
+- Tailwind CSS for styling
+- Zustand for state management
+- Navigation using React Router
+- Intuitive and accessibility approved interface
+- Responsive design (320-1600px) across different browsers
+
+### Backend
+
+Our backend handles:
+
+- One database with two synced collections using MongoDB
+- Two RESTful API models using Express.js to handle the bookclub users and to post a book to the feed
+
+## How to use the app
+
+You can use our app as a bookclub member or non-member. As a non-member, you can read about the bookclub founders, the bookclub details, and register to become a member at the "Sign up" page.
+
+Once you become a member, you will have access to the "Wishlist" page where you can submit book suggestions to a feed, like/unlike other posts, and sort the posts. You can also go to your "Profile" page and update your contact information as well as delete your subscription.
 
 ## 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://main--omc-book-club.netlify.app/)
+[Backend](https://project-final-rvhj.onrender.com)
+
+## Contact Us
+
+- Ji Yoo- [LinkedIn](https://www.linkedin.com/in/jyy/), [Github](https://github.com/jyy009)
+- Maja Schouenke- [LinkedIn](https://www.linkedin.com/in/maja-schouenke-0a09842a7/), [Github](https://github.com/schouenkes)
+- Viktoria Olofsson- [LinkedIn](https://www.linkedin.com/in/viktoria-olofsson-%E7%BE%85%E8%96%87-81462bb6/), [Github](https://github.com/viktoria-olo)

backend/app.js

@@ -0,0 +1,19 @@
+import cors from "cors";
+import express from "express";
+import expressListEndpoints from "express-list-endpoints";
+import usersRoutes from "./routes/users.js";
+import wishlistRoutes from "./routes/wishlist.js";
+
+const app = express();
+
+app.use(cors());
+app.use(express.json());
+app.use("/", usersRoutes);
+app.use("/", wishlistRoutes);
+
+app.get("/", (req, res) => {
+  const endpoints = expressListEndpoints(app);
+  res.json(endpoints);
+});
+
+export default app;

backend/authMiddleware.js

@@ -0,0 +1,25 @@
+import User from "./models/User";
+
+const authenticateUser = async (req, res, next) => {
+  try {
+    const user = await User.findOne({
+      accessToken: req.header("Authorization"),
+    });
+    if (user) {
+      req.user = user;
+      next();
+    } else {
+      res
+        .status(401)
+        .json({ success: false, message: "Unauthorized, user not found" });
+    }
+  } catch (error) {
+    res.status(400).json({
+      success: false,
+      message: "Bad request, user not found",
+      response: error,
+    });
+  }
+};
+
+export default authenticateUser;

backend/config/databases.js

@@ -0,0 +1,7 @@
+import mongoose from "mongoose";
+
+const mongoUrl = process.env.MONGO_URL || "mongodb://localhost/OMC";
+mongoose.connect(mongoUrl);
+mongoose.Promise = Promise;
+
+export default mongoose;

backend/models/BookWish.js

@@ -0,0 +1,39 @@
+import mongoose from "../config/databases.js";
+
+const { Schema, model } = mongoose;
+
+// Schema
+const bookWishSchema = new Schema({
+  title: {
+    type: String,
+    required: true,
+  },
+  author: {
+    type: String,
+    required: false,
+  },
+  message: {
+    type: String,
+    required: true,
+    minlength: 5,
+    maxlength: 140,
+  },
+  likes: {
+    type: Number,
+    default: 0,
+  },
+  createdAt: {
+    type: Date,
+    default: () => new Date(),
+  },
+  user: {
+    type: String,
+    required: true,
+  },
+  likedBy: [{ type: mongoose.Schema.Types.ObjectId, ref: "User" }],
+});
+
+// Model
+const BookWish = model("BookWish", bookWishSchema);
+
+export default BookWish;

backend/models/User.js

@@ -0,0 +1,39 @@
+import bcrypt from "bcrypt";
+import mongoose from "../config/databases.js";
+
+const { Schema, model } = mongoose;
+
+// Schema
+const userSchema = new Schema({
+  name: {
+    type: String,
+    required: true,
+  },
+  username: {
+    type: String,
+    unique: true,
+    required: true,
+  },
+  email: {
+    type: String,
+    unique: true,
+    required: true,
+  },
+  password: {
+    type: String,
+    required: true,
+  },
+  address: {
+    type: String,
+    required: true,
+  },
+  accessToken: {
+    type: String,
+    default: () => bcrypt.genSaltSync(),
+  },
+});
+
+// Model
+const User = model("User", userSchema);
+
+export default User;

backend/package.json

@@ -12,9 +12,12 @@
     "@babel/core": "^7.17.9",
     "@babel/node": "^7.16.8",
     "@babel/preset-env": "^7.16.11",
+    "bcrypt": "^5.1.1",
     "cors": "^2.8.5",
-    "express": "^4.17.3",
+    "express": "^4.19.2",
+    "express-list-endpoints": "^7.1.0",
+    "mongodb": "^6.6.2",
     "mongoose": "^8.4.0",
-    "nodemon": "^3.0.1"
+    "nodemon": "^3.1.3"
   }
-}
+}

backend/routes/users.js

@@ -0,0 +1,165 @@
+import express, { response } from "express";
+import bcrypt from "bcrypt";
+import User from "../models/User";
+import authenticateUser from "../authMiddleware";
+const mongoose = require("mongoose");
+
+const router = express.Router();
+
+router.get("/users", async (req, res) => {
+  const allUsers = await User.find().exec();
+  if (allUsers.length > 0) {
+    res.json(allUsers);
+  } else {
+    res.status(404).send("No users found");
+  }
+});
+
+router.post("/users", async (req, res) => {
+  try {
+    const { name, username, email, password, address } = req.body;
+    if (!password || password.length < 8) {
+      return res.status(400).json({
+        success: false,
+        errorType: "password",
+        message: "Password must be at least 8 characters long",
+      });
+    }
+    const salt = bcrypt.genSaltSync();
+    const user = new User({
+      name,
+      username,
+      email,
+      password: bcrypt.hashSync(password, salt),
+      address,
+    });
+    await user.save();
+    res.status(201).json({
+      success: true,
+      userId: user._id,
+      accessToken: user.accessToken,
+      message: "User created",
+    });
+  } catch (error) {
+    // Check if the error is due to a duplicate key (e.g., username or email)
+    if (error.code === 11000) {
+      return res.status(400).json({
+        success: false,
+        errorType: "duplication",
+        message: Object.keys(error.keyValue)[0],
+      });
+    }
+    // For other types of errors, just send the error message
+    return res.status(500).json({
+      success: false,
+      errorType: "general",
+      message: error.message,
+    });
+  }
+});
+
+router.get("/users/membership", authenticateUser, (req, res) => {
+  res.json({ isLoggedIn: true, userId: req.user._id });
+});
+
+router.post("/users/sessions", async (req, res) => {
+  const user = await User.findOne({ username: req.body.username });
+  if (user) {
+    if (bcrypt.compareSync(req.body.password, user.password)) {
+      res.json({ userId: user._id, accessToken: user.accessToken });
+    } else {
+      return res.status(400).json({
+        success: false,
+        errorType: "login",
+        message: "Login failed. Incorrect username or password",
+      });
+    }
+  } else {
+    return res.status(400).json({
+      success: false,
+      errorType: "login",
+      message: "Login failed. Incorrect username or password",
+    });
+  }
+});
+
+router.get("/users/:userId", async (req, res) => {
+  const { userId } = req.params;
+  try {
+    const user = await User.findById(userId);
+    if (user) {
+      res.json(user);
+    } else {
+      res.status(404).send("Could not find user");
+    }
+  } catch (error) {
+    res.status(400).json({
+      success: false,
+      response: error,
+      message: "Bad request, user not found",
+    });
+  }
+});
+
+router.patch("/users/:userId/update", async (req, res) => {
+  const { userId } = req.params;
+  const { address } = req.body;
+  try {
+    const user = await User.findById(userId);
+    if (!user) {
+      return res.status(404).json({
+        success: false,
+        message: "User not found",
+      });
+    }
+    const updateAddress = await User.findByIdAndUpdate(
+      userId,
+      { address },
+      { new: true }
+    );
+    res.json({ success: true, address: updateAddress.address });
+  } catch (error) {
+    res.status(400).json({
+      success: false,
+      response: error,
+      message: "Could not update email",
+    });
+  }
+});
+
+router.delete("/users/delete/:userId", async (req, res) => {
+  const { userId } = req.params;
+
+  if (!mongoose.Types.ObjectId.isValid(userId)) {
+    return res.status(400).json({
+      success: false,
+      message: "Invalid user ID",
+    });
+  }
+  try {
+    console.log(req.params);
+
+    const deletedUser = await User.findByIdAndDelete({ _id: userId });
+    console.log(deletedUser);
+    if (!deletedUser) {
+      return res.status(400).json({
+        success: false,
+        message: "could not find user",
+      });
+    } else {
+      res.status(200).json({
+        success: true,
+        message: `User with ID ${userId} has been deleted`,
+      });
+    }
+  } catch (error) {
+    console.error("Error deleting user:", error);
+    res.status(500).json({
+      success: false,
+      response: error,
+      message: "Could not delete username",
+    });
+  }
+});
+
+export default router;