Learn_Scotland: Learning scotland website

Contributors: Struan, Peter, David & Mikhail

A full-stack React website that allows users to log in, see a score rating and be able to play 4 different quizzes about Scotland.

Contents

• Ideas
• Showcase
• Technologies
• Brief
• Challenges
• Running a Learn Scotland demonstration

Idea

Since Covid-19 many entertaining industries are getting a shortage in the number of users. Based on an open source statistics(figure below) the national museum of Scotland is not exempt from this issue. Our group has volunteered to try and combat this issue. We went on a trip to investigate how we can improve visitors' experience, and found that the museum has interactive screens which display different quizzes based on a historical object. Therefore, we have decided to make an interactive app/website that can be possibly used within the museum.

Showcase

Screen.Recording.2023-03-03.at.16.27.46.mp4

Technologies

These are the main technologies we used to construct the project.

• 
• 
• 
• 
• 
• 
• 
• 

Brief

Our initial brief was extremely ambitious, and so was our team. Together, by following the iterative model (development cycle), we have managed to accomplish the following tasks (shown bellow) in just 5 days!

MVP

• Create an educational quiz app.
• Make a multiple-choice quiz and leaderboard.
• Generate a database.
• Construct a forum page.

Extensions

Some of the features currently in progress:

• An alternate set of questions that requires the user to input answers
• [] Give the forum page extra functionality of comments
• Produce questions from MoS objects
• Upgrade questions to include APIs/ libraries

Goals

• Get as close as possible to an efficient app development cycle
• Create functions that are out of the scope of our course

Challenges

Here are some of the things we've found challenging:

• Learning a new framework while planning & building
• Using a hybrid working method
• Making login functionality
• File structuring & naming conventions as the project scaled up in size

Running a Learn Scotland demonstration

Run Locally

Clone the project and go to the project directory:

cd Learn_Scotland

Install dependencies in both the client and the server folders:

cd client
npm install

cd server
npm install

Seed the database. Within the server/db folder:

mongosh < seeds.js

Run express (leave running in a terminal window). Within the server folder:

npm run server:dev

Run React development environment (leave running in a terminal window). Within client folder:

npm start

The application is running on port 3000 so visit http://localhost:3000/ to try out!