https://github.com/object417/next-college-website
Modern-looking static college website
https://github.com/object417/next-college-website
bootstrap5 html5 sass swiper threejs vitejs
Last synced: 3 months ago
JSON representation
Modern-looking static college website
- Host: GitHub
- URL: https://github.com/object417/next-college-website
- Owner: Object417
- License: other
- Created: 2023-02-23T14:52:28.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-23T21:05:23.000Z (almost 3 years ago)
- Last Synced: 2026-01-03T16:18:44.088Z (6 months ago)
- Topics: bootstrap5, html5, sass, swiper, threejs, vitejs
- Language: HTML
- Homepage: https://object417.github.io/next-college-website/
- Size: 90.2 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Next College Website
## About the assignment
Pearson Level 3 in Information Technology
Unit 6: Website Development – Assignment 2 – Developing a Website
The task is to design, make, test, and review a new website. The purpose of the
website is to advertise your website development skills. You can develop
a website on any topic, as long as it is appropriate.
Available pages:
- Homepage:
- Courses:
- Art course:
- Contact us:
De facto, there weren't any quality requirements of your website. You just had
to use HTML, CSS, and a bit of JS to create at least four pages with hyperlinks.
But anyway I decided to do my best and create an appropriate better version
of [the official college website](https://www.sheffcol.ac.uk/) while showing off
my web development skills.
I made this website fully myself from scratch. I designed it in Figma, reviewed
with my colleagues, made some improvements, then coded it, tested, fixed, and
reviewed its final version. [Rotherham college website](https://www.rotherham.ac.uk/)
was a good source of inspiration. However, I based my design decisions mostly
on community's best practices and my own user experience.
## How to install
Beware that the project is licensed under CC BY-NC-SA 4.0. You can fork and
modify this repository for free as long as you **keep the same license**, give an
**appropriate credit** to the owner, and **don't use it in commercial purposes**.
For more details see the [full license](LICENSE.txt).
1. Clone the repository
```bash
git clone https://github.com/Object417/next-college-website
```
2. Navigate to the project folder
```bash
cd ./next-college-website
```
3. Install the dependencies
```bash
npm install
```
4. Run the project
```bash
npm start
```
## Why is it called Next?
Initially, I was coding this project on React with Next.js. This would allow me
to make the website more interactive and easy-to-develop. However, at some point
I suddenly faced a very strange bug with Next.js that didn't allow me to run my
project. Because it was my first time tasting this library and I didn't have
much time left until the deadline, I decided to just give up and rewrite the
project in plain HTML, SASS, and JS. Do I regret this decision? Maybe yes. But
I ain't planning to rewrite the project on React in the nearest future because...
it works fine. Why would I waste my time doing the same thing when I can spend
this time on any other project that will give me a different kind of experience?
## Conclusions
This project allowed me to consolidate all my existing knowledge of making
up adaptive responsive websites while considering UX and general recommendations.