Jonny Hicks' Stockholms Coffee Club #123

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open

KidFromCalifornia wants to merge 126 commits into Technigo:main from KidFromCalifornia:main

.gitignore

-Original file line number
+Diff line change
@@ -1,15 +1,49 @@
-    node_modules
-    .DS_Store
+    # Dependencies
+    node_modules/
+    /frontend/node_modules/
+    /backend/node_modules/
+    npm-debug.log*
+    yarn-debug.log*
+    yarn-error.log*
+    .pnp
+    .pnp.js
+    # Testing
+    coverage
+    .nyc_output
+    # Build
+    dist
+    build
+    .next
+    out
+    .unlighthouse
+    .vscode
+    scripts/
+    # Environment variables
     .env
     .env.local
     .env.development.local
     .env.test.local
     .env.production.local
-    build
+    # Logs
     npm-debug.log*
     yarn-debug.log*
     yarn-error.log*
-    package-lock.json
+    # System files
+    .DS_Store
+    Thumbs.db
+    # IDE
+    .idea
+    .vscode
+    *.swp
+    *.swo
+    # Temp files
+    *.log
+    *.cache
+    .unlighthouse

.node-version

Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		18.18.0

.nvmrc

Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		18.18.0

.prettierrc

-Original file line number
+Diff line change
@@ -0,0 +1,9 @@
+    {
+      "semi": true,
+      "singleQuote": true,
+      "jsxSingleQuote": false,
+      "tabWidth": 2,
+      "trailingComma": "es5",
+      "printWidth": 100,
+      "arrowParens": "always"
+    }

README.md

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -1,13 +1,110 @@
  
    # Final Project

    # Stockholm Coffee Club

    Replace this readme with your own information about your project.

    Welcome to Stockholm Coffee Club — a fullstack app that helps you discover the city’s best specialty coffee spots. Whether you’re a local on the hunt for your next flat white or a visitor exploring Stockholm’s café culture, this app’s got you covered.

    Start by briefly describing the assignment in a sentence or two. Keep it short and to the point.

    Built with **React, Node.js, and MongoDB**, it features interactive maps, user accounts, and a way to log your own coffee tasting notes.

    ## 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?

    ## Why this app?

    ## View it live

    Stockholm has an established coffee culture, but finding the really good spots isn’t always easy. This app brings them all together in one place with:

    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.
      
    - An interactive map of coffee shops (with filters so you can find what matters to you)

    - A tasting notes system so you (and others) can review your coffee adventures

    - User accounts, profiles, and admin features for managing content

    - A mobile-first design so you can use it on the go

    ---

    ## Tech stack

    ### Frontend

    - **React 18** with lazy loading + Suspense

    - **Material-UI v5** for styling and theming

    - **Zustand** for state management

    - **MapLibre GL JS** for the interactive map

    - **React Router** for navigation

    - **SweetAlert2** for nicer alerts

    ### Backend

    - **Node.js + Express**

    - **MongoDB + Mongoose**

    - **JWT authentication** (with bcryptjs)

    - **Role-based access control** (admin & user)

    - **REST API** with solid error handling

    ---

    ## Main features

    - Interactive map with geolocation

    - Coffee tasting notes & ratings

    - User authentication + profiles

    - Filters & search to find the right café

    - Light/dark theme toggle

    - Mobile-friendly design

    - Admin panel for managing cafés and submissions

    ---

    ## API Endpoints (quick peek)

    **Auth**

    - `POST /api/auth/register` → Create a new account

    - `POST /api/auth/login` → Log in

    **Cafés**

    - `GET /api/cafes` → Get all approved cafés

    - `GET /api/cafes/:id` → Get one café

    - `POST /api/cafes` → Add new café (admin only)

    **Tastings**

    - `GET /api/tastings/public` → Browse public notes

    - `GET /api/tastings` → Your tasting notes (login required)

    - `POST /api/tastings` → Add a tasting note (login required)

    **Submissions**

    - `POST /api/cafeSubmissions` → Suggest a café

    - `GET /api/cafeSubmissions` → View submissions (admin only)

    ---

    ## How I built it

    I started with the core journey: discovering cafés on a map. From there, I layered on features like tastings, profiles, and admin tools. A few key decisions:

    1. **State management**: Used Zustand (lighter than Context, simpler than Redux)

    2. **UI/UX**: Material-UI made styling fast and consistent

    3. **Maps**: Went with MapLibre (open-source, no vendor lock-in)

    4. **Auth**: JWT-based with role handling

    5. **Database**: MongoDB for flexible café + review data

    ---

    ## What’s next?

    Some things I’d love to add down the line:

    - Real-time notifications when new cafés get approved

    - Push notifications for nearby recommendations

    - A storefront for beans & gear

    - A fun coffee-brewing mini-game

    -

    ---

    ## Live links

    - **Frontend**: [stockholmscoffeeclub.netlify.app]

      (https://stockholmscoffeeclub.netlify.app/)

    - **Backend**: [stockholmscoffeeclub.onrender.com/api]

      (https://stockholmscoffeeclub.onrender.com/api)

    - **GitHub**: [project-final-JH]

      (https://github.com/KidFromCalifornia/project-final-JH)

axe-linter.yml

-Original file line number
+Diff line change
@@ -0,0 +1,20 @@
+    rules:
+      heading-order: false # Disable this rule
+      color-contrast: true # Check for sufficient color contrast
+      html-has-lang: true # Ensure HTML has a lang attribute
+      image-alt: true # Check that images have alt text
+      landmark-one-main: true # Ensure there's one main landmark
+      page-has-heading-one: true # Check that pages have an h1
+    exclude:
+      - 'tests/**/*.html' # Skip test files
+      - 'build/**/*.html' # Skip build output
+      - 'dist/**/*.html' # Skip distribution files
+    global-components:
+      AxeButton: button # Lint <AxeButton> as though it was a <button>
+      MuiTextField: input # Lint Material-UI text fields as inputs
+    global-libraries:
+      - 'react-native' # Run React Native rules
+      - '@mui/material' # Enable linting MaterialUI components

backend/.babelrc

This file was deleted.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Jonny Hicks' Stockholms Coffee Club #123

Uh oh!

Diff view

Diff view

There are no files selected for viewing

Uh oh!

Uh oh!

Jonny Hicks' Stockholms Coffee Club #123

Are you sure you want to change the base?

Uh oh!

Jonny Hicks' Stockholms Coffee Club #123

Uh oh!

Uh oh!

Diff view

Diff view

There are no files selected for viewing

Uh oh!

Uh oh!