Sophie 100

.gitignore

@@ -0,0 +1,3 @@
+.DS_Store
+.env
+node_modules/

README.md

@@ -1,49 +1,62 @@
 # Ilojo Bar
+❗ Insert image here
+## About the project
+### The problem
+Ilojo Bar or Casa do Fernandez was an iconic national monument in Lagos, Nigeria, which was illegally demolished in 2016. Ilojo Bar was designed and built by Africans returning from slavery in Brazil in the 1800s. Legacy would like an English-language website that becomes a virtual monument of this special building and the many stories surrounding it.
+
+> User stories
+> 1. Read, listen and watch stories about Ilojo Bar
+> As a resident of Lagos, Nigerian, member of the Nigerian diaspora or interested world citizen, I want to be able to read, listen and see stories about Ilojo Bar online so that I can learn more about the significance of the building for the metropolis of Lagos and of the cosmopolitan history of it, leading > from Spain to Brazil to Nigeria.
+>
+> 2. Add stories about Ilojo Bar
+> As an artist/visitor I want to be able to add a story about Ilojo Bar to the website, so that I can convey and complement the meaning of the building.
+> 
+> 3. Experience Ilojo Bar
+> As a resident of Lagos, Nigerian, member of the diaspora or interested citizen of the world, I want to be able to get a virtual impression of the building so that I can see what it once was like. 
+
+
+## Prototype
+### Interaction
+**Home**
+❗
+**View the paintings**
+❗
+**Read the stories**
+❗
+**Send a story**
+❗
+
+
+## Practical information
+### Prismic
+We use Prismic as a headless CMS. A headless CMS is a content management system (CMS), only used for back-end purposes, built from the ground up to make content accessible and maintainable. Prismic is supported for lots of frameworks as Next.js & Vue.js, but is also be used with an express server or even just vanilla javascript. In our case, we use it in combination with an express server.
+
+We use Prismic to retrieve the stories and images from. The images are linked to the stories. This is the structure of all the stories:<br>
+<img width="25%" alt="Schermafbeelding 2022-06-21 om 10 22 38" src="https://user-images.githubusercontent.com/70577898/174752624-5f87c7b2-fe26-4337-a1e7-78454f60feec.png">
+
+
+For more information how to use Prismic click [here](https://prismic.io/docs/technologies/express-overview_)
+
+### Activity diagram
+❗
+### Used packages
+- [EJS](https://www.npmjs.com/package/ejs)
+- [express](https://www.npmjs.com/package/express)
+- [dotenv](https://www.npmjs.com/package/dotenv)
+- [body-parser](https://www.npmjs.com/package/body-parser)
+- [nodemailer](https://www.npmjs.com/package/nodemailer)
+- [@prismicio/client](npmjs.com/package/@prismicio/client)
+- [@prismicio/helpers](https://www.npmjs.com/package/@prismicio/helpers)
+- [node-dev](https://www.npmjs.com/package/node-dev)
+- [multer](https://www.npmjs.com/package/multer)
+
+## How to install/use the code
+Install and use this repo in a view simple steps:
+1. Clone this repo with git clone ``https://github.com/Sophievanderburg/ilojo-bar.git``
+2. Install all the used packages with ``npm install``
+3. Start the server with ``npm run dev``
+4. Open http://localhost:2020/ in your favourite browser
+Good luck! 🍀
 
-![Ilojo Bar](https://github.com/cmda-minor-web-cases/ilojo-bar/blob/main/assets/ilojo-bar.jpg?raw=true)
 
-## Inhoudsopgave
- * [Beschrijving](#beschrijving)
- * [Opdrachtgever](#opdrachtgever)
- * [Design challenge](#design-challege)
- * [Data](#data)
- * [Planning](#planning)
- * [Licentie](#licentie)
 
-## Beschrijving
-Ilojo Bar of Casa do Fernandez was een beeldbepalend nationaal monument in Lagos, Nigeria, dat in 2016 illegaal werd gesloopt. Ilojo Bar werd ontworpen en gebouwd door Afrikanen die in de negentiende eeuw terugkeerden uit slavernij in Brazilië. Legacy wil graag een Engelstalige website die een soort virtueel monument wordt van dit bijzondere gebouw en de vele verhalen er omheen.
-
-![Ilojo Bar in 1946](https://github.com/cmda-minor-web-cases/ilojo-bar/blob/main/assets/ilojo-bar-1946.jpg?raw=true)
-
-
-## Opdrachtgever
-Legacy | The Historical and Environmental Group of Nigeria, in de persoon van Femke van Zeijl, hoofd onderzoek.
-
-## Design challenge
-Ontwerp en ontwikkel een interactief, virtueel monument voor Ilojo Bar.
-Aantrekkelijk én functioneel voor inwoners van een land met lage bandbreedte, waar velen alleen via hun mobiel het internet gebruiken, terwijl het ook voor desktop mooi is.
-
-
-### User stories
-**1 Verhalen over Ilojo Bar lezen, luisteren en bekijken** 
-Als inwoner van Lagos, Nigeriaan, lid van de Nigeriaanse diaspora of geïnteresseerde wereldburger, wil ik online verhalen over Ilojo Bar kunnen lezen, luisteren en zien, zodat ik meer te weten kan komen over de betekenis van het gebouw voor de miljoenenstad Lagos en van de kosmopolitsche geschiedenis ervan, die van Spanje tot Brazilië tot Nigeria leidt.
-
-**2 Verhalen over Ilojo Bar toevoegen** 
-Als kunstenaar/bezoeker wil ik een verhaal over Ilojo Bar kunnen toevoegen aan de website, zodat ik de betekenis van het gebouw kan uitdragen en aanvullen.
-
-**3 Ilojo Bar beleven** 
-Als inwoner van Lagos, Nigeriaan, lid van de diaspora of geïnteresseerde wereldburger wil ik een virtuele indruk van het gebouw kunnen krijgen, zodat ik kan zien hoe het ooit was. Zo wordt het een virtueel monument voor een verdwenen stuk Nigeriaans erfgoed.
-
-## Data
-Relevante data is via een API te ontsluiten en in een CMS te beheren.
-
-## Planning
-In de eerste week van de meesterproef is een briefing met de opdrachtgever en begeleiders. Het eerste gesprek met de opdrachtgever is gepland op **maandag 23 mei om 14 uur Nederlandse tijd via ZOOM.** Contactgevens van Femke van Zeijl kunnen via Joost Faber worden opgevraagd. Wekelijks wordt aan de opdrachtgever een prototype gedemonstreerd en de volgende stappen besproken. Tussentijds kunnen vragen gesteld worden.
-
-![Ilojo Bar in 1946](https://github.com/cmda-minor-web-cases/ilojo-bar/blob/main/assets/ilojo-bar-2015.jpg?raw=true)
-
-## Licentie
-
-![GNU GPL V3](https://www.gnu.org/graphics/gplv3-127x51.png)
-
-This work is licensed under [GNU GPLv3](./LICENSE).

config/prismicConfig.js

@@ -0,0 +1,25 @@
+// node-fetch is used to make network requests to the Prismic Rest API. 
+// In Node.js Prismic projects, you must provide a fetch method to the
+// Prismic client.
+import fetch from 'node-fetch'
+import * as prismic from '@prismicio/client'
+
+const repoName = 'iljo-bar' // Fill in your repository name.
+const accessToken = '' // If your repository is private, add an access token.
+
+// The `routes` property is your Route Resolver. It defines how you will 
+// structure URLs in your project. Update the types to match the Custom 
+// Types in your project, and edit the paths to match the routing in your 
+// project.
+const routes = [
+ {
+ type: 'story',
+ path: '/timeline/:uid',
+ },
+]
+
+export const client = prismic.createClient(repoName, { 
+ fetch, 
+ accessToken,
+ routes,
+})