data.json

{
  "projects": [
    {
      "id": 0,
      "project_name": "devFinder",
      "description": "A React app built from pre supplied Figma designs that searches the GitHub API to present user details in an interactive UI, this has allowed me to practice pixel perfect implementation and to learn Tailwind CSS",
      "technologies": ["JavaScript", "ReactJS", "API's"],
      "live_link": "https://devfindergit.herokuapp.com/",
      "github_link": "https://github.com/WebDevBrum/github-search-app",
      "image_urls": [
        "/images/devfinder/light.jpeg",
        "/images/devfinder/dark.jpeg",
        "/images/devfinder/light.jpeg"
      ]
    },
    {
      "id": 1,
      "project_name": "Cushion Roulette",
      "description": "A planned development project of my choosing for my University Dissertation requiring research into various Web Technologies and project design using Adobe XD. The final app used React to pull data from the MovieDB API, this allowed the user to make several selections that populate a roulette wheel that spins and makes a selection for them. This was to handle the issue of choice paralysis when decision making.",
      "technologies": ["JavaScript", "ReactJS", "API's"],
      "live_link": "https://cushion-roulette.herokuapp.com/",
      "github_link": "https://github.com/WebDevBrum/cushion-roulette",
      "image_urls": [
        "/images/roulette/spin.jpeg",
        "/images/roulette/home.jpeg",
        "/images/roulette/spin.jpeg",
        "/images/roulette/modal.jpeg"
      ]
    },

    {
      "id": 2,
      "project_name": "Full stack React Application",
      "description": "React based client and REST API.(Live demo not avaialable at present, Please clone my repo and follow the README)",
      "technologies": [
        "JavaScript",
        "Node.js",
        "REST",
        "Express",
        "ReactJS",
        "React Context API",
        "SQL",
        "SQLite"
      ],
      "live_link": "https://github.com/WebDevBrum/TechDegree-Final-Project",
      "github_link": "https://github.com/WebDevBrum/TechDegree-Final-Project/blob/master/README.md",
      "image_urls": [
        "/images/fullstackapp/fullstacksquare.jpeg",
        "/images/fullstackapp/fullstacksignin.jpeg",
        "/images/fullstackapp/fullstackcourse.jpeg",
        "/images/fullstackapp/database.jpeg"
      ]
    },
    {
      "id": 3,
      "project_name": "REST API",
      "description": "A REST API using Express. The API provides a way for users to administer a school database containing information about courses.",
      "technologies": [
        "JavaScript",
        "NodeJS",
        "Express",
        "REST",
        "SQL",
        "Postman"
      ],
      "live_link": "https://github.com/WebDevBrum/TechDegree-Project-9",
      "github_link": "https://github.com/WebDevBrum/TechDegree-Project-9/blob/master/README.md",
      "image_urls": [
        "/images/restapi/bottomapi.jpeg",
        "/images/restapi/topapi.jpeg",
        "/images/restapi/bottomapi.jpeg"
      ]
    },

    {
      "id": 4,
      "project_name": "SQL Library Manager",
      "description": "A web application for a fictional local library to help them manage their collection of books.",
      "technologies": [
        "JavaScript",
        "NodeJS",
        "Express",
        "PUG",
        "CSS",
        "SQL",
        "SQLite"
      ],
      "live_link": "https://lulworth-library.herokuapp.com/books/page/1",
      "github_link": "https://github.com/WebDevBrum/TechDegree-Project-8",
      "image_urls": [
        "/images/librarymanager/square.jpeg",
        "/images/librarymanager/main.jpeg",
        "/images/librarymanager/search.jpeg",
        "/images/librarymanager/nothing.jpeg"
      ]
    },
    {
      "id": 5,
      "project_name": "Web Cooks Public API request",
      "description": "An Application for a fictional company called Web Cooks with remote employees working all over the world. This project users the Random User Generator API (https://randomuser.me)",
      "technologies": [
        "JavaScript",
        "JSON",
        "HTTP requests",
        "AJAX",
        "Fetch API",
        "CSS"
      ],
      "live_link": "https://webdevbrum.github.io/TechDegree-Project-5/",
      "github_link": "https://github.com/WebDevBrum/TechDegree-Project-5",
      "image_urls": [
        "/images/apis/api_square.jpeg",
        "/images/apis/api_wide.jpeg",
        "/images/apis/api_modal.jpeg",
        "/images/apis/api_search.jpeg"
      ]
    },
    {
      "id": 6,
      "project_name": "React Gallery App",
      "description": "A searchable photo gallery using React.",
      "live_link": " https://react-gallery-on-netlify.netlify.app",
      "github_link": "https://github.com/WebDevBrum/TechDegree-Project-7",
      "technologies": ["ReactJS", "JavaScript", "CSS"],
      "image_urls": [
        "/images/reactgallery/reactsquare.jpeg",
        "/images/reactgallery/reactfront.jpeg",
        "/images/reactgallery/reactsearch.jpeg"
      ]
    },
    {
      "id": 7,
      "project_name": "Dr Phraser",
      "description": "A Browser based word guessing game.",
      "technologies": ["JavaScript", "DOM manipulation", "CSS"],
      "live_link": "https://webdevbrum.github.io/TechDegree-Project-4/",
      "github_link": "https://github.com/WebDevBrum/TechDegree-Project-4",
      "image_urls": [
        "/images/phraser/phraser_square.jpeg",
        "/images/phraser/phraser_wide.jpeg",
        "/images/phraser/phraser_play.jpeg",
        "/images/phraser/phraser_gameover.jpeg"
      ]
    },

    {
      "id": 8,
      "project_name": "Interactive form with validation",
      "description": "This form uses JavaScript to enhance an interactive registration form for a fictional conference.",
      "technologies": [
        "JavaScript",
        "DOM manipulation",
        "HTML",
        "CSS",
        "Regex"
      ],
      "live_link": "https://webdevbrum.github.io/TechDegree-Project-3/",
      "github_link": "https://github.com/WebDevBrum/TechDegree-Project-3",
      "image_urls": [
        "/images/form/form_square.jpeg",
        "/images/form/form_wide.jpeg",
        "/images/form/form_invalid.jpeg",
        "/images/form/form_base.jpeg"
      ]
    },
    {
      "id": 9,
      "project_name": "Stephen King - Random Quote Generator",
      "description": "A Random quote generator built with vanilla JavaScript.",
      "technologies": ["JavaScript", "DOM manipulation", "HTML", "CSS"],
      "live_link": "https://webdevbrum.github.io/TechDegree-Project-1/",
      "github_link": "https://github.com/WebDevBrum/TechDegree-Project-1",
      "image_urls": [
        "/images/quotes/quotes_square.jpeg",
        "/images/quotes/quotes_wide.jpeg",
        "/images/quotes/quotes_red.jpeg",
        "/images/quotes/quotes_blue.jpeg"
      ]
    },
    {
      "id": 10,
      "project_name": "Pagination and filtering",
      "description": "This project used DOM scripting to apply pagination and filtering to a given list.",
      "technologies": ["JavaScript", "DOM manipulation", "CSS"],
      "live_link": "https://webdevbrum.github.io/TechDegree-Project-2/",
      "github_link": "https://github.com/WebDevBrum/TechDegree-Project-2",
      "image_urls": [
        "/images/pagination/pagination_square.jpeg",
        "/images/pagination/pagination_wide.jpeg",
        "/images/pagination/pagination_search.jpeg"
      ]
    },

    {
      "id": 11,
      "project_name": "Disc-Craft built with Bootstrap",
      "description": "This project utilises a Bootstrap template to create a responsive landing page for a fictional beer and music company.",
      "technologies": ["Bootstrap", "HTML", "CSS"],
      "live_link": "https://webdevbrum.github.io/DiscCraft/",
      "github_link": "https://github.com/WebDevBrum/DiscCraft",
      "image_urls": [
        "/images/disccraft/disc_square.jpeg",
        "/images/disccraft/disc_wide.jpeg",
        "/images/disccraft/disc-centre.jpeg",
        "/images/disccraft/disc_base.jpeg"
      ]
    },
    {
      "id": 12,
      "project_name": "Legacy Portfolio",
      "description": "This project was created for completion of the freeCodeCamp Responsive web design certification.",
      "technologies": ["HTML", "CSS", "CSS flexbox"],
      "live_link": "https://webdevbrum.github.io/portfolio1/",
      "github_link": "https://github.com/WebDevBrum/portfolio1",
      "image_urls": [
        "/images/portfolio/portfolio_square.jpeg",
        "/images/portfolio/portfolio_wide.jpeg",
        "/images/portfolio/portfolio_body.jpeg",
        "/images/portfolio/portfolio_footer.jpeg"
      ]
    },
    {
      "id": 13,
      "project_name": "JavaScript Calculator",
      "description": "A simple calculator using vanilla javaScript.",
      "technologies": ["JavaScript", "HTML", "CSS", "CSS flexbox"],
      "live_link": "https://webdevbrum.github.io/ODIN-Calculator-App/",
      "github_link": "https://github.com/WebDevBrum/ODIN-Calculator-App",
      "image_urls": [
        "/images/calculator/calculator_square.jpeg",
        "/images/calculator/calculator_wide.jpeg",
        "/images/calculator/calculator_entry.jpeg"
      ]
    }
  ]
}