About the project

Dirt Be Gone was the first project that I built and submitted for my Milestone 1 project with Code Institute. This is also the very first website i ever built.

Project Requirements

In this project, you will build a static front-end site to present useful information to users using all the technologies that you have learned about so far. Data is presented in a way that helps users achieve their goals, e.g. learning about a product/service that they are interested in. The presentation of this data advances the site owner's goals, e.g. helps them market a product/service.

Milestone project 1 technologies learned

As with most students who start learning to code, our first module taught us all about HTML5 & CSS. For this project we had to demonstrate an understanding of these 2 technologies and apply the learning we had acquired.

Technologies Required

• HTML5
• CSS

Optional Technologies

• Bootstrap
• Other CSS libraries / frameworks

The Concept

The concept of the website was that of a fictional residential cleaning and property maintenance company that operated in the Dublin (Ireland) area. On the site users could easily browse and find out about the history of the company, the services they provide along with pricing (Where applicable), have access to a F.A.Q page, and also be able to contact the company via the contact us page.

Mobile Development

From day one at Code Institute we were made aware of the importance of the mobile first development approach. The Dirt Be Gone site was built with this in mind from the very beginning.

Live site & Github links

Live site : Click here

Github Repo : Click here

About the project

Discover Ireland was the 2nd project that I built and submitted as my Milestone 2 project with Code Institute.

Project Requirements

In this project, you will build an interactive front-end site. The site should respond to the users' actions, allowing users to actively engage with data, alter the way the site displays the information to achieve their preferred goals.

Milestone project 2 technologies learned

After learning about HTML5 & CSS in module 1, in module 2 we progressed to learning about JavaScript. For this project we had to demonstrate an understanding of JavaScript, as well as HTML5 & CSS.

Technologies required

• HTML5
• CSS
• JavaScript

Optional Technologies

• JQuery
• JavaScript libraries
• External API's

The concept

The concept of this website was to act as a small guide to provide users who may be considering visiting the cities of Dublin, Cork or Galway with some information on what each city has to offer.

On the top of each page each i incorporated a weather widget that gives a live 7 day forecast for each city (This is Ireland so don't expect a lot of sunshine lol). Below this is also a brief paragraph of the history of each city so visitors can understand a bit more about its history. I kept this section short and limited to 1 paragraph as to much text on a mobile screen wouldn't create a positive user experience.

I also incorporated a fully functioning Skyscanner widget into the site. This widget allows users to check flight prices, availability and to book flights if they wish to do so (Flights are booked on the Skyscanner website that opens in another tab) To make the widget user friendly i have pre-populated it with the closest airport to each city.

In the things to do section i used a short video for each city that was provided by the local tourist board, I kept the video length as close to 1 minute as possible. Below that there is an interactive google map where users can search for local Hotels, Bars, Restaurants and Tourist Attractions. I also incorporated an our top recommendations section for each city.

Finally the contact us page is powered by email JS.

Mobile Development

Again the site was built using the mobile first approach from the very beginning

Live site & Github links

Live site : Click here

Github Repo : Click here

About the project

Tipsy Mac Staggers was the 3rd project that I built and submitted for my Milestone 3 project with Code Institute.

Project Requirements

In this project, you will build a full-stack site that allows your users to manage a common dataset about a particular domain. Users make use of the site to share their own data with the community, and benefit from having convenient access to the data provided by all other members.

Milestone project 3 technologies learned

In module 3 i progressed onto learning about Python & Databases. For this project We had to demonstrate that we understood about data, creating it, storing it, manipulating it and deleting it. The project required us to implement all CRUD (Create, Read, Update, Delete) functionality for site users.

For this project we were also introduced to Heroku as using Gitghub for the hosting of this type of project would not be an feasible.

Technologies required

• HTML5
• CSS
• JavaScript
• Python & Flask
• MongoDB
• Heroku

The concept

I built this website to act as a simple drinks database where users can either search for, or add a new drink/cocktail they wish to try. Users uploading drinks will be asked to provide all of the ingredients, quantities and instructions on to make each drink. Any user, whether registered or unregistered can use the site, however, only registered users will have the ability to upload their own cocktail/drinks recipes. Registered users will also have the ability to edit and delete the content that they have created.

As the site is primarily one for alcoholic drinks i tried to implement a level of defensive programming and responsibility on my part. Any user who is coming to the site for the first time will see an age verifier asking if they are of the legal drinking age for there country. I didn't want to set a specific age for this, over 21's only for example as the legal drinking age in each country can vary.

I understand that age verifiers are easy to get around and even if you requested a date of birth from a user they could easily just workout the dates they need to enter to gain access to the site. This feature was added just to try and add a level of social responsibility to the site.

Mobile Development

Again the site was built using the mobile first approach from the very beginning

Live site & Github links

Live site : Click here

Github Repo : Click here

About the project

In Safe Hands was created as my 4th and final milestone project with Code Institute.

Project Requirements

In this project, you will build a full-stack site based around business logic used to control a centrally-owned dataset. You will set up an authentication mechanism and provide paid access to the site's data and/or other activities based on the dataset, such as the purchase of a product/service.

Technologies Learned

For the 4th and final module we learned fullstack frameworks with Django and everything that was necessary to build a fully functioning e-commerce site.

Technologies Required

• HTML5
• CSS
• JavaScript
• Python
• Django
• Relational database (recommending MySQL or Postgres)
• Stripe payments
• Heroku

The concept

The website is a Django e-commerce website for a company that provides different types of PPE products and equipment to the general public as well as several COVID-19 specific items.Users of the site are able to purchase products whether they are registered users or if they wish to checkout as a guest. Registered users however benefit from more access to certain features on the site than none registered users.

Mobile Development

Again the site was built using the mobile first approach from the very beginning

Live site & Github links

Live site : Click here

Github Repo : Click here

About the project

Alien 911 is a project i am doing in collaboration with ARCHIE UK. The site is a database of all of the recorded British UFO sightings using data compiled from Britain's Ministry of Defence (MoD). All of the records presented are records that have been declassified for public record. The data presented will include:

• Event type
• Event date
• Event description
• GPS & location data of event
• Modern map of event area
• LiDAR terrain imagery of event

In addition where the data is available, we will also provide images and video footage from each sighting. The data is currently limited to Britain but will be expanded to other countries as the project continues.

Technologies Used

• HTML5
• CSS
• JavaScript
• Google Maps
• Lidar Digital Terrain Mapping (DTM)
• Non Relational Database
• XML

The concept

The site is to serve as a database where the general public can access declassified Ministry of Defence data. Users can read and access all of the data and information held on UFO sightings in Britain. Where possible users can also access images and video footage of UFO events that have taken place.

Mobile Development

The site was built using the mobile first approach from the very beginning

Development Screenshots

Homepage

About Us

UFO Search Page

UFO Search Results

UFO Footage

UFO Images

UFO Reports

Contact Us

Previous Next

Live site & Github links

Live site : Click here

Github Repo : Click here

About the project

Magnet Fishing UK is a database of more than 200,000 British Archaeological Sites covering the whole of England, Scotland and Wales. Members will be able to access a wide range of maps, historical data, view geographical locations where magnet fishing sites exist and view detailed reports on potential and reported magnet fishing sites. The data available to users is:

• LiDAR Digital Terrain Maps (DTM)
• Potential Magnet Fishing Sites List
• Potential Magnet Fishing Sites Maps
• OS first series (1805 - 1869)
• Early old historical map (1888 - 1913)
• 2nd edition old historical map (1903 - 1930)
• Later 1 historical map (1955 - 1961)
• Pre victorian historical maps

Technologies Used

• HTML5
• CSS
• JavaScript
• Google Maps
• Lidar Digital Terrain Mapping (DTM)
• Non Relational Database
• XML
• Pearl

The concept

The site serves as an up to date online database where magnet fishers can search and find potential locations where they may carry out magnet fishing. Paid members will have access to a wide range of geographical and historical maps as well as get access to reports of confirmed locations where they may carry out magnet fishing.

Mobile Development

The site was built using the mobile first approach from the very beginning

Live site & Github links

Live site : Click here

Github Repo : Click here