Berat03 / dusa_website

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

DUSA Website

Project Introduction

The current DUSA (Durham University Speleology Association) website has become outdated, lacking in dynamic updates and effective presentation of club activities. With approval from DUSA executives, this project sets out to create a new, tailored website. I aim to address these issues directly, creating a website that more accurately reflects the club and facilitates easy content management.

Objectives

  • Archive: Create a (backed-up and redundant) archive for the club's extensive history of photos and newsletters, ensuring preservation and accessibility.
  • Full-Stack Website: Create both the frontend and backend, ensuring redundancy and that others can look after the site after I leave.
  • Visual and Interactive UX: Develop a visually appealing and interactive website to effectively promote the club to potential members.
  • Admin Page: Provide an easy-to-use admin interface for non-technical users to update and manage the website content.

Technologies Used

  • Frontend : HTML, CSS, Typescript, React.js (React because it's quick and there are a lot of resources and packages)
  • Backend : Either Node.js, Django or just basic Go (currently learning towards not using a backend framework, don't see much of a need).
  • Database : AWS S3 Buckets (I calculated price and S3 is free/ very economical).
  • Deployment: AWS Amplify or just something such as S3, again very cheap (and free for a year).

Development Logs

Log 1 - 14/02/24

  • Navigation Bar: Implemented a responsive navigation bar to facilitate easy site navigation.
  • Contact Page: Added a responsive contact page, ensuring accessibility across various devices.
  • MVP Parallax Landing Page: Developed a minimum viable product for the landing page featuring parallax scrolling effects to engage visitors immediately upon arrival.

Development Log 1

Log 2 - 14/02/24

Implemented:

  • Gallery: Initial page including main image dir
  • BlogFullScreen: Added blog cards, working on individual blog pages
  • Contact Page: Added mailing list
  • Landing Page: Added basic images, stats and text to explain the club
  • Backend: Found AWS S3 buckets to be the best practical and financial approach

Difficulties:

  • Art: I'm not too good at drawing, especially on a laptop
  • Design: I want to site to look good and be memorable, but I'm struggling to justify (and find myself backtracking) on adding effects such as parallax-tilt on cards
  • Admin Page: Unsure how to structure my admin page

Next Steps:

  • Calender: Add a Calender page
  • Content: Simplify fill with more context
  • Backend: Connect Blog and Gallery backends to S3 buckets, will use Golang (good for backend's and also I like the language).

Development Log 2

About


Languages

Language:TypeScript 98.2%Language:HTML 1.3%Language:JavaScript 0.4%Language:CSS 0.1%